From 48622c2e9f2175de32009161c9c4b0b49c98d1ab Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 19 Feb 2016 17:14:53 +0100
Subject: [PATCH] style response messages, small refactor

---
 _src/_assets/styles/bigchain/_newsletter.scss |  5 ++++
 _src/_includes/form-newsletter.html           | 22 ++++++++++++++++++
 _src/_includes/section-newsletter.html        | 23 ++-----------------
 3 files changed, 29 insertions(+), 21 deletions(-)
 create mode 100644 _src/_includes/form-newsletter.html

diff --git a/_src/_assets/styles/bigchain/_newsletter.scss b/_src/_assets/styles/bigchain/_newsletter.scss
index 2d5e038..f970c96 100644
--- a/_src/_assets/styles/bigchain/_newsletter.scss
+++ b/_src/_assets/styles/bigchain/_newsletter.scss
@@ -34,6 +34,11 @@
     .form-control {
         color: $gray-dark !important;
     }
+
+    .form-control-feedback {
+        @extend .bold;
+        margin-top: ($spacer / 2);
+    }
 }
 
 .newsletter__title {
diff --git a/_src/_includes/form-newsletter.html b/_src/_includes/form-newsletter.html
new file mode 100644
index 0000000..750c391
--- /dev/null
+++ b/_src/_includes/form-newsletter.html
@@ -0,0 +1,22 @@
+<form id="newsletter"
+    class="form-newsletter js-parsley"
+    action="//ascribe.us9.list-manage.com/subscribe/post?u=56f2d3da26a7d407177d3fba3&id=0a99a9481e"
+    method="post">
+
+    <div class="form-group has-feedback">
+        <div class="input-group">
+
+            <input class="form-control" type="email" id="email" name="EMAIL" required>
+            <label class="form-label" for="email">Your Email</label>
+
+            <span class="input-group-btn">
+                <button class="btn btn-secondary" type="submit" name="button">
+                    Subscribe
+                </button>
+            </span>
+
+        </div>
+
+        <div class="form-control-feedback"></div>
+    </div>
+</form>
diff --git a/_src/_includes/section-newsletter.html b/_src/_includes/section-newsletter.html
index e02c7dd..45d0c78 100644
--- a/_src/_includes/section-newsletter.html
+++ b/_src/_includes/section-newsletter.html
@@ -8,28 +8,9 @@
                 <p class="newsletter__text">No more than 1 email per month. We're busy too.</p>
             </div>
             <div class="grid__col">
-                <form id="newsletter"
-                    class="form-newsletter js-parsley"
-                    action="//ascribe.us9.list-manage.com/subscribe/post?u=56f2d3da26a7d407177d3fba3&id=0a99a9481e"
-                    method="post">
 
-                    <div class="form-group has-feedback">
-                        <div class="input-group">
-
-                            <input class="form-control" type="email" id="email" name="EMAIL" required>
-                            <label class="form-label" for="email">Your Email</label>
-
-                            <span class="input-group-btn">
-                                <button class="btn btn-secondary" type="submit" name="button">
-                                    Subscribe
-                                </button>
-                            </span>
-
-                        </div>
-
-                        <div class="form-control-feedback"></div>
-                    </div>
-                </form>
+                {% include form-newsletter.html %}
+                
             </div>
         </div>
     </div>