thomas
/
BaconBar
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Added Twitter Button to webpage

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

+ 11
- 3
web/index.html View File 

@@ -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 View File 

@@ -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 
+}

Write Preview
Loading…
Cancel
Save