From 9846d3f2e9e7f3176515e8188e041aea3ce375a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Thor=C3=A9n?= <me@oskarth.com>
Date: Mon, 30 Oct 2017 18:11:50 -0500
Subject: [PATCH] Super hacky and ugly email form

---
 resources/templates/index.html | 30 ++++++++++++++++++++++++++++--
 static_langing_page/index.html | 30 ++++++++++++++++++++++++++++--
 2 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/resources/templates/index.html b/resources/templates/index.html
index a2dd315..f95e92e 100644
--- a/resources/templates/index.html
+++ b/resources/templates/index.html
@@ -123,10 +123,36 @@
                   });
                 }
               </script>
-              <!-- TOOD: Change this -->
-              <button onclick="signup()">Sign up for beta</button>
+
+
+              <!-- HACK(oskarth): Mailchimp - should probably be Hubspot but we can hack this with JS
+                   Also adds ad hoc margin-left to action and border radius styles.
+                   TODO Add background style.
+
+                 -->
+              <div class="email-form">
+                <!-- XXX: Mailchimp -->
+                <form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate" _lpchecked="1">
+                  <div class="email-form__inner">
+                    <input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email" aria-required="true" style="border-bottom-right-radius: .5em; border-top-right-radius: .5em;">
+
+              <button style="margin-left: 1em;" onclick="signup()">Sign up for beta</button>
+                    <!-- <input type="submit" value="GET EARLY ACCESS" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
+                    -->
+                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
+                  </div>
+                  <div id="mce-responses" class="email-form__responces">
+                    <div class="response email-form__error-message" id="mce-error-response"></div>
+                    <div class="email-form__success-message response" id="mce-success-response"></div>
+                  </div>
+                </form>
+                <!-- End Mailchimp -->
+              </div>
+
+              <!-- <button onclick="signup()">Sign up for beta</button> -->
             </div>
 
+
         </div>
 
       </div>
diff --git a/static_langing_page/index.html b/static_langing_page/index.html
index a2dd315..f95e92e 100644
--- a/static_langing_page/index.html
+++ b/static_langing_page/index.html
@@ -123,10 +123,36 @@
                   });
                 }
               </script>
-              <!-- TOOD: Change this -->
-              <button onclick="signup()">Sign up for beta</button>
+
+
+              <!-- HACK(oskarth): Mailchimp - should probably be Hubspot but we can hack this with JS
+                   Also adds ad hoc margin-left to action and border radius styles.
+                   TODO Add background style.
+
+                 -->
+              <div class="email-form">
+                <!-- XXX: Mailchimp -->
+                <form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate" _lpchecked="1">
+                  <div class="email-form__inner">
+                    <input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email" aria-required="true" style="border-bottom-right-radius: .5em; border-top-right-radius: .5em;">
+
+              <button style="margin-left: 1em;" onclick="signup()">Sign up for beta</button>
+                    <!-- <input type="submit" value="GET EARLY ACCESS" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
+                    -->
+                    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
+                  </div>
+                  <div id="mce-responses" class="email-form__responces">
+                    <div class="response email-form__error-message" id="mce-error-response"></div>
+                    <div class="email-form__success-message response" id="mce-success-response"></div>
+                  </div>
+                </form>
+                <!-- End Mailchimp -->
+              </div>
+
+              <!-- <button onclick="signup()">Sign up for beta</button> -->
             </div>
 
+
         </div>
 
       </div>