Browse Source

Added Twitter Button to webpage

Thomas Buck 11 years ago
parent
commit
65c2e7152e
2 changed files with 21 additions and 3 deletions
  1. 11
    3
      web/index.html
  2. 10
    0
      web/style.css

+ 11
- 3
web/index.html View File

11
         <link rel="stylesheet" href="style.css">
11
         <link rel="stylesheet" href="style.css">
12
     </head>
12
     </head>
13
     <body>
13
     <body>
14
-        <div class="container">
14
+        <div id="out" class="container">
15
+            <a name="top"></a>
15
             <div class="header">
16
             <div class="header">
16
                 <ul class="nav nav-pills pull-right">
17
                 <ul class="nav nav-pills pull-right">
17
                     <li><a href="mai&#108;to&#58;%78%79th%6Fbuz&#64;x%&#55;9t%&#54;8ob&#37;75z%2&#69;d&#101;">Contact</a></li>
18
                     <li><a href="mai&#108;to&#58;%78%79th%6Fbuz&#64;x%&#55;9t%&#54;8ob&#37;75z%2&#69;d&#101;">Contact</a></li>
19
+                    <li><a href="#changelog">Changelog</a></li>
18
                 </ul>
20
                 </ul>
19
-                <h1 class="">RedditBar</h1>
21
+                <h1>RedditBar</h1>
20
             </div>
22
             </div>
21
             <div class="jumbotron">
23
             <div class="jumbotron">
22
                 <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="5000">
24
                 <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="5000">
39
                 </div>
41
                 </div>
40
                 <p class="lead">Quickly open Reddit links and get notified about new PMs, right from your Mac system menu bar.</p>
42
                 <p class="lead">Quickly open Reddit links and get notified about new PMs, right from your Mac system menu bar.</p>
41
                 <p><a href="https://itunes.apple.com/us/app/redditbar/id787870887?ls=1&mt=12"><img src="badge.svg" alt="App Store Badge"></a></p>
43
                 <p><a href="https://itunes.apple.com/us/app/redditbar/id787870887?ls=1&mt=12"><img src="badge.svg" alt="App Store Badge"></a></p>
42
-                <p class="small text-muted">Requires Mac OS X 10.8 or newer</p>
44
+                <p class="small text-muted system">Requires Mac OS X 10.8 or newer</p>
43
             </div>
45
             </div>
46
+            <a name="text"></a>
44
             <div class="row marketing">
47
             <div class="row marketing">
45
                 <div class="col-lg-6">
48
                 <div class="col-lg-6">
46
                     <h4>Full control</h4>
49
                     <h4>Full control</h4>
51
                     <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
54
                     <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
52
                 </div>
55
                 </div>
53
             </div>
56
             </div>
57
+            <div class="twitter">
58
+                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://xythobuz.de/redditbar/" data-via="xythobuz" data-size="large" data-related="xythobuz" data-hashtags="RedditBar" data-dnt="true">Tweet</a>
59
+                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
60
+            </div>
61
+            <a name="changelog"></a>
54
             <div class="subheading">
62
             <div class="subheading">
55
                 <h3>Changelog</h3>
63
                 <h3>Changelog</h3>
56
             </div>
64
             </div>

+ 10
- 0
web/style.css View File

96
 .heading {
96
 .heading {
97
     font-weight: bold;
97
     font-weight: bold;
98
 }
98
 }
99
+
100
+.system {
101
+    margin-top: 20px;
102
+    margin-bottom: 0px;
103
+}
104
+
105
+.twitter {
106
+    margin-bottom: 40px;
107
+    text-align: center;
108
+}

Loading…
Cancel
Save