Add email signup form

Gemfile.lock

@@ -62,7 +62,7 @@ GEM
     redcarpet (3.4.0)
     rouge (3.3.0)
     ruby_dep (1.5.0)
-    safe_yaml (1.0.4)
+    safe_yaml (1.0.5)
     sass (3.7.3)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
@@ -85,4 +85,4 @@ DEPENDENCIES
   redcarpet
 
 BUNDLED WITH
-   1.17.2
+   2.0.1

_includes/head.html

@@ -40,7 +40,6 @@
     gtag('config', 'UA-131215983-1');
   </script>
 
-
   <!-- RSS -->
   <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.url }}/atom.xml">
 

_includes/sidebar.html

@@ -30,6 +30,23 @@ <h1>
       <span class="sidebar-nav-item">Currently v{{ site.version }}</span>
     </nav>
 
+    <div class="mc_embed_signup">
+      <form action="https://dtho.us20.list-manage.com/subscribe/post?u=f37bc4de81fe5f85dc68f5703&amp;id=bc5c57f158" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+        <div class="mc_embed_signup_scroll">
+          <h4>Get Updated on New Posts!</h2>
+          <div class="mc-field-group">
+            <label for="mce-EMAIL">Email Address</label>
+            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+          </div>
+          <div id="mce-responses" class="clear">
+            <div class="response" id="mce-error-response" style="display:none"></div>
+            <div class="response" id="mce-success-response" style="display:none"></div>
+          </div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f37bc4de81fe5f85dc68f5703_bc5c57f158" tabindex="-1" value=""></div>
+          <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+        </div>
+      </form>
+    </div>
     <p>&copy; {{ site.time | date: '%Y' }}. Opinions and Posts are my own and not the views of my employer.</p>
   </div>
 </div>

_posts/2018-12-15-xosvp-intro.md

@@ -3,7 +3,6 @@ layout: post
 title: Xbox Open-Source Video Project
 description: Open-Source high quality original xbox video replacement solution
 image: https://blog.dtho.mp/public/images/xosvp-side.jpg
-
 ---
 
 ![XOSVP Side](/public/images/xosvp-side.jpg)

public/css/syntax.css

@@ -63,3 +63,18 @@
 .css .o,
 .css .o + .nt,
 .css .nt + .nt { color: #999; }
+
+.mc_embed_signup {
+    clear: left; 
+    color: #fff;
+    max-width: 300px;
+    margin: 0 auto;
+}
+
+.mc_embed_signup_scroll {
+    padding: 0;
+}
+
+.mc_embed_signup_scroll h4 {
+    color: #fff;
+}