Merge pull request #38 from gophercon/add-signup-form

Add mailchimp signup form

Author: davecheney

themes/gophercon/layouts/index.html

@@ -62,13 +62,53 @@ <h1 class="slideInLeft animated">July 11th - 13th, 2016 <br /> Denver, Colorado<
                         });
                 </script>
       </div>
+      <h3>Sign up and you won't miss a thing.</h3>
+<!-- Begin MailChimp Signup Form -->
+<style type="text/css">
+/* MailChimp Form Embed Code - Slim - 08/17/2011 */
+#mc_embed_signup form {display:block; text-align:center; padding:10px 0 10px; }
+#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
+#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
+#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
+#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
+#mc_embed_signup input:focus {border-color:#333;}
+#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
+#mc_embed_signup .button:hover {background-color:#777;}
+#mc_embed_signup .small-meta {font-size: 11px;}
+#mc_embed_signup .nowrap {white-space:nowrap;}     
+#mc_embed_signup .clear {clear:none; display:inline;}
+
+#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
+#mc_embed_signup input.email {display:block; font-size:20px;padding:8px 0; margin:0 auto; text-indent:5px; min-width: 70%;max-width:90%;}
+#mc_embed_signup input.button {display:block; width:35%; margin:10px auto; min-width:90px;}
+
+#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
+#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
+#mc_embed_signup #mce-error-response {display:none;}
+#mc_embed_signup #mce-success-response {color:#529214; display:none;}
+#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:center; padding:.5em 0;}
+#mc_embed_signup{margin: 0 auto; width:50%;}
+</style>
+<div id="mc_embed_signup">
+<form action="//gophercon.us7.list-manage.com/subscribe/post?u=52c683df6e3b7219db6f8d98e&amp;id=f6dad8f26b" 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_52c683df6e3b7219db6f8d98e_f6dad8f26b" tabindex="-1" value=""></div>
+    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+    </div>
+</form>
+</div>
+
+<!--End mc_embed_signup-->
       <h3>Early bird tickets available 1st January 2016.</h3>
 
 <div class="push"></div>
 </div><!-- wrapper -->
 <footer>
-	<p>© 2015 GopherAcademy, LLC</p>
-	<p>The Gopher character is based on the Go mascot designed by Renée French and copyrighted under the Creative Commons Attribution 3.0 license. </p>
+	<p>© 2016 GopherAcademy, LLC</p>
+	<p>The Gopher character is based on the Go mascot designed by Renée French and copyrighted under the Creative Commons Attribution 3.0 license.</p>
 </footer>
 </body>
 </html>