Merge pull request #40 from ferni/mailchimp

- added newsletter subscription
kennyrowe · Jul 23, 2017 · a8fa953 · a8fa953
2 parents 5305e66 + 01c8edb
commit a8fa953
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 9 deletions.
diff --git a/css/main.css b/css/main.css
@@ -383,7 +383,32 @@ header nav a {
   color: white;
 }
 
-#subscribe input {
+#subscribe .email:focus {
+  outline: none;
+  border-bottom: 1px solid #FFFFFF;
+
+}
+
+#subscribe input:focus::-webkit-input-placeholder {
+  color: #A8A8A8;
+}
+
+/* Firefox < 19 */
+#subscribe input:focus:-moz-placeholder {
+  color: #A8A8A8;
+}
+
+/* Firefox > 19 */
+#subscribe input:focus::-moz-placeholder {
+  color: #A8A8A8;
+}
+
+/* Internet Explorer 10 */
+#subscribe input:focus:-ms-input-placeholder {
+  color: #A8A8A8;
+}
+
+#subscribe .email{
   background: none;
   border: 0;
   border-bottom: 1px solid #979797;
@@ -398,12 +423,18 @@ header nav a {
   background-color: #1BC4A6;
   font-family: Futura;
   font-size: 22px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  text-align: center;
+  border-width: 0;
+}
+
+#subscribe .button:focus {
+  outline: none;
+  background-color: #4F6A7B;
 }
 
+
+
+
+
 #subscribe input, #subscribe .button {
   margin-top: 40px;
 }

diff --git a/index.html b/index.html
@@ -162,8 +162,19 @@
   <div id="footer-grid">
     <div id="subscribe" class="dark">
       <span class="big-text">Discover + Connect</span>
-      <input type="email" placeholder="Email address" disabled/>
-      <div class="button">Subscribe</div>
+      <div id="mc_embed_signup">
+        <form action="//makerdao.us16.list-manage.com/subscribe/post?u=f717b15a4a763e79ee910dbe6&amp;id=86313139e4" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+          <div id="mc_embed_signup_scroll">
+
+            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email address" required>
+            <!-- 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_f717b15a4a763e79ee910dbe6_86313139e4" tabindex="-1" value=""></div>
+              <input type="submit" value="Subscribe" name="subscribe" class="button">
+
+          </div>
+        </form>
+      </div>
+
     </div>
     <div id="dai-foundation-text" class="dark">
       <p>

diff --git a/js/main.js b/js/main.js
@@ -66,4 +66,10 @@ $(document).ready(function () {
   if (!Modernizr.svg) {
     $("#logo").attr("src", "assets/img/MKRlogo.png");
   }
+
+    $("#subscribe .button").click(function() {
+      // Removes focus of the button.
+      $(this).blur();
+    });
+
 });
diff --git a/team.html b/team.html
@@ -91,8 +91,18 @@
   <div id="footer-grid">
     <div id="subscribe" class="dark">
       <span class="big-text">Discover + Connect</span>
-      <input type="email" placeholder="Email address" disabled/>
-      <div class="button">Subscribe</div>
+      <div id="mc_embed_signup">
+        <form action="//makerdao.us16.list-manage.com/subscribe/post?u=f717b15a4a763e79ee910dbe6&amp;id=86313139e4" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+          <div id="mc_embed_signup_scroll">
+
+            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email address" required>
+            <!-- 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_f717b15a4a763e79ee910dbe6_86313139e4" tabindex="-1" value=""></div>
+              <input type="submit" value="Subscribe" name="subscribe" class="button">
+
+          </div>
+        </form>
+      </div>
     </div>
     <div id="dai-foundation-text" class="dark">
       <p>