From d1fe144a268879ea9d82ba600fc69a751d67d082 Mon Sep 17 00:00:00 2001
From: Christopher Neugebauer <_@chrisjrn.com>
Date: Sat, 15 Jun 2019 16:33:16 -0500
Subject: [PATCH] Add newsletter signup

---
 pinaxcon/templates/static_pages/homepage.html | 44 ++++++++++++++++---
 static/scss/custom.scss                       |  2 +-
 2 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 93dcd3e..e40a234 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -40,13 +40,43 @@
 
   <div class="jumbotron homepage-block dark shallow">
     <div class="container homepage-block-footer">
-      <p class="">
-        {% comment %}
-        <span class="wrap-break">Talk proposal submissions are now open, until August 8th.</span>
-        <span class="wrap-break">Submit your proposal now!</span>
-        {% endcomment %}
-        <span class="wrap-break">Talk proposal submissions open soon!</span>
-      </p>
+      <div class="row">
+        <div class="col-md-8">
+          <p class="">
+            {% comment %}
+            <span class="wrap-break">Talk proposal submissions are now open, until August 9th.</span>
+            <span class="wrap-break">Submit your proposal now!</span>
+            {% endcomment %}
+            <span class="wrap-break">Talk proposal submissions open soon!</span>
+          </p>
+        </div>
+        <div class="col-md-4  email-signup-panel">
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <h2 class="panel-title homepage-title">Sign up for our newsletter</h4>
+            </div>
+            <div class="panel-body">
+              <form
+                class="form-inline"
+                action="https://tinyletter.com/northbaypython" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/northbaypython', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
+                <div class="form-group">
+                  <span>
+                    <label class="hidden-accessible" for="tlemail">Email address:</label>
+                  </span>
+                  <span>
+                    <input class="form-control" type="email" name="email" id="tlemail" placeholder="E-mail address"/>
+                  </span>
+                </div>
+                <span>
+                  <input class="btn btn-primary" type="submit" value="Subscribe" />
+                </span>
+
+                <input type="hidden" value="1" name="embed"/>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index a9c8761..49a8729 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -292,7 +292,7 @@ $homepage-block-smaller-min-height: 360px;
 .homepage-block.dark {
   background: $gray-base;
   color: white;
-  text-shadow: 1px 1px $gray-dark;
+  //text-shadow: 1px 1px $gray-dark;
 
   a:not(.btn) {
     color: lighten($brand-primary, 20%);