index: api community and footer links

diff --git a/css/bootswatch.css b/css/bootswatch.css
index b52bf4d..7acd44a 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -38,7 +38,7 @@ body {
 }
 
 .twitter-follow-button {
-  width: 115px !important;
+  width: 150px !important;
 }
 
 .rss-button {
@@ -104,6 +104,14 @@ body {
  vertical-align: text-top;
 }
 
+.links {
+       margin-bottom: 20px;
+}
+
+.links > a {
+       margin-right: 10px;
+} 
+
 /* Landscape phones and down */
 @media (max-width: 480px) {
 
@@ -127,7 +135,7 @@ body {
        }
 
        .about {
-         margin-top: -10px;
+         margin-top: 0;
        }
 
        .about h3 {
@@ -142,6 +150,10 @@ body {
                margin-top: 0;
                padding-bottom: 60px;
        }
+
+       .about {
+               margin-top: 0;
+       }
 }
 
 /* Portrait tablet to landscape and desktop */

diff --git a/index.html b/index.html
index 230d886..721f269 100644 (file)
--- a/index.html
+++ b/index.html
@@ -122,6 +122,8 @@
                                <p>This returns a <code>themes</code> array, and each theme has the following properties: <code>name</code>, <code>description</code>, <code>preview</code>, <code>thumbnail</code>, <code>css</code>, <code>css-min</code>, <code>less</code>, and <code>less-variables</code>.
                        <h4>Demo</h4>
                                <p>A <a target="_blank" href="http://jsbin.com/asowud/1/edit">simple example</a>, using <a target="_blank" href="https://github.com/janl/mustache.js">mustache.js</a> for templating.</p>
+                       <h4>Community</h4>
+                               <p>The API is in use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, <a href="http://www.shareist.com/" target="_blank">Shareist</a>, among others.</p>
                        <h4>Credits</h4>
                        <p>Thanks to <a target="_blank" href="http://jostylr.tumblr.com/">James Taylor</a> for <a target="_blank" href="https://github.com/jostylr/cors-lite">cors-lite</a>.</p>
                        </div>
@@ -605,7 +607,15 @@
 
                <footer>
                        <p class="pull-right"><a href="#">Back to top</a></p>
-                       Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Feedback welcome at <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.<br/>
+                       <div class="links">
+                               <a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">Blog</a>
+                               <a href="http://feeds.feedburner.com/bootswatch" target="_blank">RSS</a>
+                               <a href="https://twitter.com/thomashpark" target="_blank">Twitter</a>
+                               <a href="https://github.com/thomaspark/bootswatch/" target="_blank">GitHub</a>
+                               <a href="https://github.com/thomaspark/bootswatch/tree/master/swatchmaker" target="_blank">Swatchmaker</a>
+                               <a data-toggle="modal" href="#api">API</a>
+                       </div>
+                       Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Send comments to <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.<br/>
                        Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
                        Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>
                </footer>