Add link to Twitter account

fixes #226

src/client/includes/_twitter_follow.jade

@@ -0,0 +1,11 @@
+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');

src/client/site/common/twitter/twitter.jade

@@ -0,0 +1,18 @@
+//-
+//- Crafting Guide - twitter.jade
+//-
+//- Copyright © 2014-2016 by Redwood Labs
+//- All rights reserved.
+//-
+
+.view__twitter
+    .left
+        img(src="/images/twitter.png")
+    .right
+        .instructions Follow us for updates!
+        a(
+            href="https://twitter.com/Crafting_Guide"
+            class="twitter-follow-button"
+            data-show-count="false"
+            data-size="large"
+        ) Follow @Crafting_Guide

src/client/site/common/twitter/twitter.scss

@@ -0,0 +1,61 @@
+//
+// Crafting Guide - news_page.scss
+//
+// Copyright © 2014-2016 by Redwood Labs
+// All rights reserved.
+//
+
+.view__twitter {
+    display: flex;
+
+    & > .left {
+        flex: 1 1 50%;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+            height: $size-minecraft-block * 4;
+            width: $size-minecraft-block * 4;
+        }
+    }
+
+    & > .right {
+        flex: 1 1 50%;
+
+        display: flex;
+        flex-direction: column;
+
+        .instructions {
+            flex: 1 1 50%;
+            margin-bottom: $size-margin-medium;
+            margin-top: $size-margin-medium;
+
+            font-family: $font-family-header;
+            font-size: $font-size-xlarge;
+            text-align: center;
+        }
+
+        iframe {
+            flex: 1 1 50%;
+        }
+    }
+}
+
+@include screen-size(mobile) {
+    .view__twitter {
+        & > .left {
+            img {
+                height: $size-minecraft-block * 3;
+                width: $size-minecraft-block * 3;
+            }
+        }
+
+        & > .right {
+            .instructions {
+                font-size: $font-size-xlarge;
+            }
+        }
+    }
+}

src/client/site/index.jade

@@ -33,4 +33,5 @@ html
         include ../includes/_google_adsense.jade
         include ../includes/_google_analytics.jade
         include ../includes/_google_sitelinks.jade
+        include ../includes/_twitter_follow.jade
 

src/client/site/news_page/news_page.jade

@@ -9,6 +9,8 @@
     .left
 
     .right
+        include ../common/twitter/twitter.jade
+
         section
             h3 2016-04-30
             .panel

src/client/site/news_page/news_page.scss

@@ -8,22 +8,32 @@
 .view__news_page {
     @include layout-body-with-sidebar;
 
-    section {
+    .right {
-        &:not(:first-child) {
+        display: flex;
-            margin-top : $size-margin-large;
+        flex-direction: column;
-        }
+        align-items: center;
 
-        h3 {
+//        .view__twitter {
-            margin-bottom : $size-margin-small;
+//            max-width: $size-minecraft-block * 10;
-        }
+//        }
 
-        p {
+        section {
-            font-family : $font-family-text;
+            &:not(:first-child) {
-            font-size   : $font-size-medium;
+                margin-top : $size-margin-large;
-            line-height : $font-size-medium * 1.5;
+            }
 
-            &:not(:last-child) {
+            h3 {
-                margin-bottom : $size-margin-medium;
+                margin-bottom : $size-margin-small;
+            }
+
+            p {
+                font-family : $font-family-text;
+                font-size   : $font-size-medium;
+                line-height : $font-size-medium * 1.5;
+
+                &:not(:last-child) {
+                    margin-bottom : $size-margin-medium;
+                }
             }
         }
     }