[Hold until Sept 11] Close registrations (#80)

* Close registrations

* Update index.html

* center align buttons

Author: vsmart

_includes/announcement_list_signup_form_slim.html

@@ -1,19 +1,17 @@
 <!-- Begin MailChimp Signup Form -->
 <div class="row">
   <form action="//github.us12.list-manage.com/subscribe/post?u=d788f0653a3e56a367e673beb&amp;id=253a66d08d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-    <div id="mc_embed_signup_scroll">
+    <div id="mc_embed_signup_scroll" class="announcement-list-signup">
       <!-- <label for="mce-EMAIL">Subscribe to our announcement list</label> -->
-      <div class="col-md-6">
-      <Input type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="Email" required>
-      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+      <div>
+        <Input type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="Email" required>
+        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
       </div>
       <div style="position: absolute; left: -5000px;" aria-hidden="true">
         <input type="text" name="b_d788f0653a3e56a367e673beb_253a66d08d" tabindex="-1" value="">
       </div>
-      <div class="col-md-6">
-        <div class="clear">
-          <input type="submit" value="Subscribe - Abonnieren" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
-        </div>
+      <div class="clear">
+        <input type="submit" value={{ include.button_label }} name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
       </div>
     </div>
   </form>

assets/stylesheet.css

@@ -193,6 +193,13 @@ section.module.parallax-4 {
   }
 }
 
+.announcement-list-signup {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    max-width: 80%;
+}
+
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   section.module.parallax {
     background-position: 50% 50%;

index.html

@@ -28,18 +28,23 @@ <h3>ClojureBridge 2017</h3>
     <div class="row">
       <div class="col-xs-12 col-sm-6 col-md-6 bottom-space">
         <p>
-          <b>English:</b> Our next workshop is Friday evening <strong>6 October</strong> and Saturday <strong>7 October</strong>. Join the Berlin Clojure community for a day of learning and exploration through creative visual projects!
+          <b>English:</b> Our next workshop is Friday evening <strong>6 October</strong> and Saturday <strong>7 October</strong>.
         </p>
-        <p class="centered">
-          <a href="https://goo.gl/forms/j2uSR4etb1maX3u52"><button type="button" class="btn btn-success btn-wide">Register now</button></a>
+        <p>
+        Registrations are closed now. Sign up to our mailing list to get updates for the next one!
+        </p>
+        <p>
+        {% include announcement_list_signup_form_slim.html button_label="Subscribe" %}
         </p>
       </div>
       <div class="col-xs-12 col-sm-6 col-md-6 bottom-space">
         <p>
-          <b>Deutsch:</b> Nächster Workshop: Freitagabend, <strong>6. Oktober</strong> und Samstag  <strong>7. Oktober</strong>. Trete der Clojure Community für einen lehrreichen Tag bei und erkunde Clojure bei kreativen, visuellen Projekten.
+          <b>Deutsch:</b> Nächster Workshop: Freitagabend, <strong>6. Oktober</strong> und Samstag  <strong>7. Oktober</strong>.
         </p>
-        <p class="centered">
-          <a href="https://goo.gl/forms/j2uSR4etb1maX3u52"><button type="button" class="btn btn-success btn-wide">Bewirb dich jetzt</button></a>
+         <p>
+         Die Anmeldungen sind jetzt geschlossen. Trage dich auf unserer Mailingliste ein, um als erste vom nächsten Workshop zu hören!
+        <p>
+        {% include announcement_list_signup_form_slim.html button_label="Abonnieren"%}
         </p>
       </div>
     </div>