Kaynağa Gözat

Added Twitter Button to webpage

Thomas Buck 11 yıl önce
ebeveyn
işleme
65c2e7152e
2 değiştirilmiş dosya ile 21 ekleme ve 3 silme
  1. 11
    3
      web/index.html
  2. 10
    0
      web/style.css

+ 11
- 3
web/index.html Dosyayı Görüntüle

@@ -11,12 +11,14 @@
11 11
         <link rel="stylesheet" href="style.css">
12 12
     </head>
13 13
     <body>
14
-        <div class="container">
14
+        <div id="out" class="container">
15
+            <a name="top"></a>
15 16
             <div class="header">
16 17
                 <ul class="nav nav-pills pull-right">
17 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 20
                 </ul>
19
-                <h1 class="">RedditBar</h1>
21
+                <h1>RedditBar</h1>
20 22
             </div>
21 23
             <div class="jumbotron">
22 24
                 <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="5000">
@@ -39,8 +41,9 @@
39 41
                 </div>
40 42
                 <p class="lead">Quickly open Reddit links and get notified about new PMs, right from your Mac system menu bar.</p>
41 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 45
             </div>
46
+            <a name="text"></a>
44 47
             <div class="row marketing">
45 48
                 <div class="col-lg-6">
46 49
                     <h4>Full control</h4>
@@ -51,6 +54,11 @@
51 54
                     <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
52 55
                 </div>
53 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 62
             <div class="subheading">
55 63
                 <h3>Changelog</h3>
56 64
             </div>

+ 10
- 0
web/style.css Dosyayı Görüntüle

@@ -96,3 +96,13 @@ body {
96 96
 .heading {
97 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…
İptal
Kaydet