From 0ce9289a5a89396b33269c7588ff1667ea8de465 Mon Sep 17 00:00:00 2001
From: Erik Flowers <erik@helloerik.com>
Date: Thu, 2 Oct 2014 19:13:33 -0700
Subject: [PATCH] Adding twitter button, fixing a few things

---
 css/styles.css |  3 +++
 index.html     | 23 ++++++++++++-----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 42ac399..3052d47 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -6538,6 +6538,9 @@ footer a {
 .buttons {
   font-size: 100px;
 }
+.follow {
+  text-align: center;
+}
 .intro-icons {
   font-size: 15px;
   color: #357cbb;
diff --git a/index.html b/index.html
index 283254f..c6d5134 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,7 @@
     <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
     <meta name="msapplication-TileColor" content="#da532c">
-    <!-- favicons -->
-
-    
+    <!--favicons -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <script src="//code.jquery.com/jquery-latest.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
@@ -45,10 +43,13 @@
     <section class="content container intro">
       <div class="row">
         <div class="col-sm-12">
-          <p class="intro-icons"><i class="wi wi-day-lightning"></i><i class="wi wi-night-thunderstorm"></i><i class="wi wi-day-snow"></i><i class="wi wi-sprinkles"></i><i class="wi wi-day-sunny"></i><i class="wi wi-cloudy"></i><i class="wi wi-night-rain-mix"></i><i class="wi wi-sunset"></i><i class="wi wi-sunrise"></i><i class="wi wi-day-cloudy-windy"></i><i class="wi wi-night-rain"></i><i class="wi wi-night-alt-snow"></i><i class="30bb"></i></p>
-          <p class="headline">Weather Icons is a font of 123 weather themed icons, ready to be dropped right into  <a href="http://getbootstrap.com">Bootstrap</a> or any other project.  <i class="wi wi-cloudy"></i></p>
+          <p class="intro-icons"><i class="wi wi-day-lightning"></i><i class="wi wi-night-thunderstorm"></i><i class="wi wi-day-snow"></i><i class="wi wi-sprinkles"> </i><i class="wi wi-day-sunny"></i><i class="wi wi-cloudy"></i><i class="wi wi-night-rain-mix"></i><i class="wi wi-sunset"></i><i class="wi wi-sunrise"></i><i class="wi wi-day-cloudy-windy"></i><i class="wi wi-night-rain"></i><i class="wi wi-night-alt-snow"></i></p>
+          <p class="headline">Weather Icons is a font of 123 weather themed icons, ready to be dropped right into  <a href="http://getbootstrap.com">Bootstrap</a> or any other project.  <i class="wi wi-cloudy"> </i></p>
           <p>Inspired by  <a href="http://fontawesome.io/"> Font Awesome</a>, they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element:   <code>&lt;i class="wi wi-day-lightning"&gt;&lt;/i&gt;</code>. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases. </p>
-          <p>Want to use the font in your desktop applications? Check out the  <a href="cheatsheet/">cheatsheet here.  </a>Just install the font on your system and copy and paste, it's that easy.</p>
+          <p>Want to use the font in your desktop applications? Check out the  <a href="/cheatsheet/">cheatsheet here.  </a>Just install the font on your system and copy and paste, it's that easy.</p>
+          <p class="follow"><a href="https://twitter.com/weathericons" data-show-count="false" data-size="large" data-dnt="true" class="twitter-follow-button">Follow @weathericons</a>
+            <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>
+          </p>
         </div>
       </div>
     </section>
@@ -66,9 +67,9 @@
               </script><a href="https://twitter.com/Erik_UX" data-show-count="false" data-lang="en" class="twitter-follow-button">Follow @Erik_UX</a>
               <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><a href="https://twitter.com/artill" data-show-count="false" data-lang="en" class="twitter-follow-button">Follow @artill</a>
               <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-              <iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="75" height="20"></iframe>
-              <iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="73" height="20"></iframe>
-              <iframe src="http://ghbtns.com/github-btn.html?user=erikflowers&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>
+              <iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="75" height="20"></iframe>
+              <iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;repo=weather-icons&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="73" height="20"></iframe>
+              <iframe src="https://ghbtns.com/github-btn.html?user=erikflowers&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="165" height="20"></iframe>
             </p>
           </div>
         </div>
@@ -652,7 +653,7 @@
     <footer>
       <div class="container">
         <div class="row">
-          <div class="col-sm-12">
+          <div class="col-sm-12"> 
             <p>The Weather Icons project created and maintained by  <a href="http://www.twitter.com/Erik_UX">Erik Flowers</a>. Original artwork by  <a href="http://www.twitter.com/artill">Lukas Bischoff.</a></p>
             <p>LESS/HTML implementation inspired and heavily influenced by  <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome.</a></p>
             <p>Weather Icons licensed under <a http://scripts.sil.org/OFL>SIL OFL 1.1</a> &mdash; Code licensed under  <a http://opensource.org/licenses/mit-license.html>MIT License</a>  &mdash; Documentation licensed under  <a http://creativecommons.org/licenses/by/3.0/>CC BY 3.0</a></p>
@@ -661,4 +662,4 @@
       </div>
     </footer>
   </body>
-</html>
+</html>
\ No newline at end of file