add News

user/themes/hehe/scss/template.scss

@@ -19,4 +19,4 @@
 // @import "template/grid";
 
 // Footer
-// @import "template/footer";
+@import "template/newsletter";

user/themes/hehe/scss/template/_newsletter.scss

@@ -0,0 +1,71 @@
+.newsletter{
+  width: calc(100% / 3);
+  min-width: 400px;
+  height: auto;
+  padding: 0 20px 20px 20px;
+  .mc-field-group{
+    margin-top: 10px;
+    label{
+      width: 100%;
+      font-family: "Roboto-Light";
+    font-size: 0.8rem;
+    }
+    input{
+      width: 100%;
+      margin: 10px auto;
+    }
+  }
+  .indicates-required{
+    float: right;
+    font-family: "Roboto-Light";
+  font-size: 0.8rem;
+  }
+  .asterisk{
+    color: lime;
+  }
+  h2{
+    margin-bottom: 30px;
+  }
+  #mc_embed_signup div.mce_inline_error{
+    background-color: lime;
+  }
+  #mc_embed_signup input.mce_inline_error{
+    border-color: lime;
+    border-width: 1px;
+    padding: 5px;
+    border-radius: 2px;
+  }
+  .mce_inline_error{
+    font-family: "Roboto-Light";
+  font-size: 0.8rem;
+  }
+  .clear{
+    input{
+      font-family: "Roboto-Light";
+      clear: both;
+      background-color: #aaa;
+      border: 0 none;
+      border-radius: 2px;
+      color: #FFFFFF;
+      cursor: pointer;
+      display: inline-block;
+      font-size: 0.8rem;
+      font-weight: bold;
+      height: 32px;
+      line-height: 32px;
+      margin: 0 10px 10px 0;
+      padding: 0 22px;
+      text-align: center;
+      text-decoration: none;
+      vertical-align: top;
+      white-space: nowrap;
+      width: auto;
+    }
+    .response{
+      font-family: "Roboto-Light";
+      font-size: 0.8rem;
+      margin-bottom: 10px;
+    }
+  }
+
+}

user/themes/hehe/templates/contact.html.twig

@@ -0,0 +1,39 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+  <div class="about">
+    {{ page.content }}
+  </div>
+
+  <div class="newsletter">
+    <div id="mc_embed_signup">
+    <form action="http://hehe.us6.list-manage.com/subscribe/post?u=2b53e5350a172519f1b4ff368&id=569e897a0a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+        <div id="mc_embed_signup_scroll">
+    	<h2> Subscribe to our rare and sporadic 'News from Nowhere' mailing list</h2>
+    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
+    <div class="mc-field-group">
+    	<label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
+    </label>
+    	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+    </div>
+    <div class="mc-field-group">
+    	<label for="mce-FNAME">First Name </label>
+    	<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
+    </div>
+    <div class="mc-field-group">
+    	<label for="mce-LNAME">Last Name </label>
+    	<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
+    </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>
+        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_a98b763288f940083bf28857c_96d6b6e702" tabindex="-1" value=""></div>
+        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+        </div>
+    </form>
+    </div>
+    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+  </div>
+
+{% endblock %}

user/themes/hehe/templates/default.html.twig

@@ -4,4 +4,5 @@
   <div class="about">
     {{ page.content }}
   </div>
+
 {% endblock %}

user/themes/hehe/templates/partials/base.html.twig

@@ -31,6 +31,7 @@
 {% endblock head %}
 </head>
 
+
 <body id="top" class="{% block body_classes %}{{ body_classes }}{% endblock %}">
 
     {% block header %}
@@ -60,6 +61,7 @@
             <section id="body-wrapper" class="section">
                 <section class="container {{ grid_size }}">
                     {% block content %}{% endblock %}
+
                 </section>
             </section>
         {% endblock %}