From b5904225190c516f09ca1f7fad090af8b9c980ff Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Tue, 29 Aug 2017 18:18:02 -0400
Subject: [PATCH] Add mailing list sign up form to blog

---
 _includes/mail-form.html | 36 ++++++++++++++++++++++++++++++++++++
 _layouts/post.html       |  2 ++
 blog/index.html          |  2 ++
 css/main.css             | 27 ++++++++++++++++++++++++++-
 4 files changed, 66 insertions(+), 1 deletion(-)
 create mode 100644 _includes/mail-form.html

diff --git a/_includes/mail-form.html b/_includes/mail-form.html
new file mode 100644
index 0000000..e30dd20
--- /dev/null
+++ b/_includes/mail-form.html
@@ -0,0 +1,36 @@
+<div class="card">
+  <div class="subscribe-form">
+    <div class="row clearfix">
+      <div class="column full">
+        <h3>Subscribe to my future posts</h3>
+      </div>
+    </div>
+    <form action="http://list.hallada.net/subscribe" method="POST" accept-charset="utf-8">
+      <div class="row clearfix">
+        <div class="column half">
+          <label for="name">Name (optional)</label><br/>
+          <input type="text" name="name" id="name"/>
+        </div>
+        <div class="column half">
+          <label for="email">Email</label><br/>
+          <input type="email" name="email" id="email"/>
+        </div>
+      </div>
+      <div class="row clearfix">
+        <div style="display:none;">
+          <label for="hp">HP</label><br/>
+          <input type="text" name="hp" id="hp"/>
+        </div>
+        <input type="hidden" name="list" value="Q7JrUBzeCeftZqwDtxsQ9w"/>
+        <div class="column half">
+          <input type="submit" name="submit" id="submit"/>
+        </div>
+        <div class="column half">
+          <span class="form-rss">Or subscribe to my <a href="/feed.xml">RSS feed</a></span>
+        </div>
+      </div>
+    </form>
+    <div class="row clearfix">
+    </div>
+  </div>
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
index b05c365..531c5f3 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -16,3 +16,5 @@ layout: default
     </div>
   </div>
 </div>
+
+{% include mail-form.html %}
diff --git a/blog/index.html b/blog/index.html
index 1799738..a462ea3 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -43,3 +43,5 @@ title: Tyler Hallada - Blog
     {% endif %}
   </div>
 </div>
+
+{% include mail-form.html %}
diff --git a/css/main.css b/css/main.css
index 7bb62cc..589df03 100755
--- a/css/main.css
+++ b/css/main.css
@@ -263,7 +263,7 @@ div.more-row {
 
 div.pagination {
   text-align: center;
-  margin-bottom: 10px;
+  margin-bottom: 20px;
 }
 
 div.rss {
@@ -366,6 +366,31 @@ a.rss img {
   }
 }
 
+/*****************************************************************************/
+/*
+/* Subscribe form
+/*
+/*****************************************************************************/
+
+.subscribe-form h3 {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+.subscribe-form input {
+  margin: 10px;
+}
+
+.subscribe-form label {
+  margin-left: 10px;
+}
+
+.subscribe-form span.form-rss {
+  display: block;
+  margin-top: 20px;
+  margin-left: 10px;
+}
+
 /*****************************************************************************/
 /*
 /* Homepage