Added twitter feed

static/src/less/homepage.less

@@ -62,7 +62,20 @@
     }
     .twitter-icon {
       text-align: center;
-      font-size: 150px;
+      font-size: 175px;
+      height: 80vh;
+      position: relative;
+      .icon {
+        position: absolute;
+        text-shadow: 4px 6px rgba(0,0,0,0.4);
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        .transition(color 0.6s);
+        &:hover {
+          color: #55ACEE;
+        }
+      }
     }
   }
 }

templates/index.html

@@ -24,12 +24,17 @@
       <div class="container">
         <div class="row">
           <div class="col-sm-6 col-xs-12 feed">
-            <p>Twitter feed goes here</p>
+            <p><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/RealOrangeOne" data-widget-id="600774030069760003">Tweets by @RealOrangeOne</a></p>
           </div>
           <div class="col-sm-6 twitter-icon hidden-xs">
+            <a href="https://twitter.com/RealOrangeOne" class="no-color-change">
               <i class="icon ion-social-twitter"></i>
+            </a>
           </div>
         </div>
       </div>
     </div>
+    <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>
 {% endblock %}