Add mailing list signup without backend hookup

Author: Stuart Reilly

_includes/email_list.html

@@ -0,0 +1,7 @@
+<form class="email-list-form">
+    <label>
+        <b>Subscribe to our mailing list</b>
+        <input type="email" placeholder="Email"/>
+    </label>
+    <button onclick="alert('TODO')">Subscribe</button>
+</form>

_includes/post_index.html

@@ -27,6 +27,7 @@ <h1 class="sub-title">{{ categoryName }}</h1>
         <div class="side-lists cell large-3 large-offset-1 grid-padding-y grid-margin-y">
             {% include category_list.html selectedIndex=categoryIndex %}
             {% include author_list.html %}
+            {% include email_list.html %}
         </div>
     </div>
 </div>

scss/_email-list.scss

@@ -0,0 +1,26 @@
+@import "colours";
+
+.email-list-form {
+  label {
+    font-size: $baseFontSize;
+  }
+
+  input {
+    border-radius: 0.25rem;
+    margin-top: 0.5rem;
+    height: 3rem;
+    padding: 1rem;
+
+    &::placeholder {
+      font-style: italic;
+    }
+  }
+
+  button {
+    appearance: auto;
+    border: solid $teal;
+    padding: 0.75rem;
+    width: 100%;
+    font-size: $baseFontSize * 0.9;
+  }
+}

scss/style.scss

@@ -18,6 +18,7 @@
 @import "author";
 @import "author-list";
 @import "category-list";
+@import "email-list";
 @import "featured-posts";
 @import "post-index";
 @import "post-summary";