Merge pull request #174 from notklaatu/dev

make twitter default to follow action

Author: daobrien

www/css/mobile.css

@@ -71,6 +71,7 @@ header img {
 
 footer {
     background-color: #333;
+    padding: 1ex 0 0 0;
     position: fixed;    
     bottom: 0;
     width: 100%;
@@ -106,3 +107,7 @@ footer div p {
 footer div p:nth-of-type(2) {
     display:none;
 }
+
+.social {
+    width: 18em;
+}

www/css/style.css

@@ -113,3 +113,7 @@ footer div {
 .fa-twitter .fa-github .fa-hashtag {
     font-family: 'awesome';
 }
+
+.social {
+    width: 36em;
+}

www/index.html

@@ -13,7 +13,7 @@
     <link rel="stylesheet" media="only screen and (max-width: 640px)"
       href="./css/mobile.css">
     <link rel="stylesheet" href="./font/font-awesome-4.7.0/css/font-awesome.min.css">
-
+    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0,
 				   minimum-scale=1.0">
 </head>
@@ -61,13 +61,12 @@ <h2>
     <p>Powered by <strong>HTML5</strong></p>
     </div>
 
-    <div>
-	<a href="https://twitter.com/rhstyleguide" target="_blank">
-	  <i class="fa fa-twitter" aria-hidden="true"></i></a>
+    <div class="social">
+	<a href="https://twitter.com/rhstyleguide?ref_src=twsrc%5Etfw" target="_blank">	<img src="font/fontawesome/svgs/brands/twitter.svg" width="48em" /></a>
 	<a href="https://github.com/StyleGuides" target="_blank">
-	<i class="fa fa-github" aria-hidden="true"></i></a>
+	<img src="font/fontawesome/svgs/brands/github.svg" width="48em"/></a>
 	<a href="http://webchat.freenode.net/" target="_blank">
-	<i class="fa fa-hashtag" aria-hidden="true"></i></a>
+	<img src="font/fontawesome/svgs/solid/hashtag.svg" width="48em"/></a>
     </div>
   </footer>
 </body>