Search and Newsletter commits

css-compiled/template.css

@@ -996,6 +996,18 @@ ul.pagination {
           display: inline-block; }
         .modular .footer .footer-menu ul li:last-child:after {
           display: none; }
+  .modular .footer .newsletter input {
+    display: inline-block;
+    height: 2.5rem;
+    border: 0 none; }
+  .modular .footer .newsletter input[type=text] {
+    background-color: rgba(255, 255, 255, 0.2);
+    color: #fff; }
+  .modular .footer .newsletter input[type=submit] {
+    background-color: rgba(255, 255, 255, 0.5);
+    color: #fff;
+    padding: 0 1.2rem;
+    vertical-align: top; }
 
 .callout {
   background: #EEEEEE;

scss/template/modular/_footer.scss

@@ -108,5 +108,22 @@
         }
       }
     }
+    .newsletter {
+      input {
+        display: inline-block;
+        height: 2.5rem;
+        border: 0 none;
+      }
+      input[type=text] {
+        background-color: transparentize($header-text, 0.8);
+        color: $white;
+      }
+      input[type=submit] {
+        background-color: transparentize($header-text, 0.5);
+        color: $white;
+        padding: 0 1.2rem;
+        vertical-align: top;
+      }
+    } 
   }
 }

templates/modular/footer.html.twig

@@ -31,6 +31,13 @@
     <div class="footer-module">
         <h4>{{ page.header.newsletter_title }}</h4>
         <p>{{ page.header.newsletter_description }}</p>
+
+        <form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=karolorzel', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="newsletter">
+        <input type="text" name="email" onclick="if(this.value=='Email')this.value='';" onblur="if(this.value=='')this.value='Email';"/>
+        <input type="hidden" value="karolorzel" name="uri"/>
+        <input type="hidden" name="loc" value="en_US"/>
+        <input type="submit" value="OK" />
+        </form>
     </div>
 </div>
 {{ content }}