[PYT-57] Wire up email subscribe form (pytorch#18)

brsoff · web-flow · commit dece2348a58a · 2018-08-15T16:11:12.000-04:00
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -66,12 +66,8 @@ <h2>Resources</h2>
           <ul>
             <li class="list-title">Follow Us</li>
             <li>
-              <form action="/email-subscribe" class="email-subscribe-form">
-                <div class="email-subscribe-form-fields-wrapper">
-                  <input type="email" name="email_subscribe" placeholder="Enter your email address" />
-                  <button class="email-subscribe-button"></button>
-                </div>
-              </form>
+              {% capture placeholder %}Email Address{% endcapture %}
+              {% include newsletter_subscribe_form.html placeholder=placeholder %}
             </li>
           </ul>
 
diff --git a/_includes/newsletter_subscribe_form.html b/_includes/newsletter_subscribe_form.html
@@ -0,0 +1,28 @@
+<div id="mc_embed_signup">
+  <form
+    action="https://twitter.us14.list-manage.com/subscribe/post?u=75419c71fe0a935e53dfa4a3f&id=91d0dccd39"
+    method="post"
+    id="mc-embedded-subscribe-form"
+    name="mc-embedded-subscribe-form"
+    class="email-subscribe-form validate"
+    target="_blank"
+    novalidate>
+    <div id="mc_embed_signup_scroll" class="email-subscribe-form-fields-wrapper">
+      <div class="mc-field-group">
+        <label for="mce-EMAIL" style="display:none;">Email Address</label>
+        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="{{ placeholder }}">
+      </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>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+
+      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_75419c71fe0a935e53dfa4a3f_91d0dccd39" tabindex="-1" value=""></div>
+
+      <div class="clear">
+        <input type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="button email-subscribe-button">
+      </div>
+    </div>
+  </form>
+</div>
diff --git a/_sass/base_styles.scss b/_sass/base_styles.scss
@@ -161,7 +161,7 @@ pre {
 }
 
 .email-subscribe-form {
-  input {
+  input.email {
     color: $orange;
     border: none;
     border-bottom: 1px solid #939393;
@@ -186,7 +186,7 @@ pre {
     color: $orange;
   }
 
-  button {
+  input[type="submit"] {
     position: absolute;
     right: 0;
     top: 10px;
diff --git a/index.html b/index.html
@@ -119,12 +119,8 @@ <h2>Our Community</h2>
             </div>
           </div>
 
-          <form action="/email-subscribe" class="email-subscribe-form">
-            <div class="email-subscribe-form-fields-wrapper">
-              <input type="email" name="email_subscribe" placeholder="Enter your email address to join our newsletter." />
-              <button class="email-subscribe-button"></button>
-            </div>
-          </form>
+          {% capture placeholder %}Enter your email address to join our newsletter{% endcapture %}
+          {% include newsletter_subscribe_form.html placeholder=placeholder %}
         </div>
       </div>
     </div>
