added email signup (#10)

added email signup

Author: ErikBjare

templates/email-signup-horizontal.pug

@@ -0,0 +1,22 @@
+|<!-- Begin Mailchimp Signup Form -->
+|<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
+|<style type="text/css">
+|	#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
+|	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
+|	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+|
+| #mc_embed_signup .button { background-color: #55F; }
+|</style>
+|<div id="mc_embed_signup">
+|<form action="https://github.us18.list-manage.com/subscribe/post?u=26af7d1564af1d149f5ed656d&amp;id=be5c05f542" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+|    <div id="mc_embed_signup_scroll">
+|	<label for="mce-EMAIL">Subscribe for updates!</label>
+|	<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_26af7d1564af1d149f5ed656d_be5c05f542" 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-->

thankful/index.pug

@@ -10,7 +10,7 @@ html
         include /templates/navbar.pug
 
         main.mdl-layout__content
-          +cover('linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05))', style="padding: 8em 0em 8em 0")
+          +cover('linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05))', style="padding: 8em 0em 2em 0")
             +text('div', 'text-center', 'grey-800')
               div
                 +typo('div', 'display-4') Be Thankful
@@ -35,6 +35,9 @@ html
 
                 p(style="margin-top: 1em") Not ready to try it out yet? Check out the #[a(href="#screenshot") screenshot]!
 
+              div(style="padding: 2em;")
+                include /templates/email-signup-horizontal.pug
+
               //div
                 h5(style='margin-bottom: 0.5em')
                   b Get started!
@@ -49,7 +52,7 @@ html
 
           +section
             +cell(9)
-                +sectitle  Support everyone you like
+                +sectitle Support everyone you like
                 p The browser extension makes supporting creators easy. It keeps track of the creators you've viewed, gives an overview of them, and then lets you choose who you want to support at the end of every month.
             +cell(3)(align='right')
               +fa('donate', 'fas', 'amber')
@@ -77,10 +80,13 @@ html
               span
                 +fa('bitcoin', 'fab', 'amber')
 
-          +section
+          +section.mdl-color--grey-200
             h2.mdl-typography--display-2-color-contrast(id="screenshot" style="width: 100%; text-align: center")
               | Screenshot
             figure(style="border: 1px solid #555; border-radius: 3px")
               img(src="/media/screenshot-thankful.png", width="100%")
 
+          +section
+            include /templates/email-signup-horizontal.pug
+
           +footer.mdl-color--grey-200