Add link to Twitter account

fixes #226
2016-05-07 14:41:47 -07:00
parent 05bc1a271d
commit 43202e9917
7 changed files with 116 additions and 13 deletions
@@ -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
@@ -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;
+            }
+        }
+    }
+}