From 158192a43257d65b631255ff12e18dad8b1c84dd Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 6 Feb 2019 13:20:39 +0000
Subject: [PATCH] Change form embed code

---
 .../pages/book/signup-form.html.twig          | 39 ++++++-------------
 source/test-driven-drupal.md                  |  5 ---
 2 files changed, 12 insertions(+), 32 deletions(-)

diff --git a/source/_partials/pages/book/signup-form.html.twig b/source/_partials/pages/book/signup-form.html.twig
index a6c08c2b8..a1d7cec82 100644
--- a/source/_partials/pages/book/signup-form.html.twig
+++ b/source/_partials/pages/book/signup-form.html.twig
@@ -1,29 +1,14 @@
-<div id="mc_embed_signup">
-    <form action="{{ page.mailchimp_url }}" method="POST" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate p-0" target="_blank" novalidate>
-        <div id="mc_embed_signup_scroll" class="flex">
-            <div class="mc-field-group w-full lg:w-1/2 pb-3_ font-bold">
-                <label for="mce-EMAIL" class="visuallyhidden">Email Address (required></label>
-                <input
-                    type="email"
-                    value=""
-                    name="EMAIL"
-                    class="required email block w-full border border-grey p-3 pl-5 rounded-l-full"
-                    id="mce-EMAIL"
-                    style="text-indent: 0"
-                    placeholder="me@example.com"
-                >
-            </div>
-
-            <div id="mce-responses" class="clear p-0 m-0">
-                <div class="response hidden p-0" id="mce-error-response"></div>
-                <div class="response hidden p-0" id="mce-success-response"></div>
-            </div>
-
-            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b4ac8dd177796d37b93f9c285_033c84e0d5" tabindex="-1" value=""></div>
-
-            <button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button is-blue border-0 pl-4 pr-5 py-3 m-0 rounded-r-full">
-                Subscribe
-            </button>
+<div class="w-full lg:w-2/3">
+<form action="{{ page.mailchimp_url }}" method="post" name="mc-embedded-subscribe-form" novalidate="">
+    <div id="mc_embed_signup_scroll">
+        <div style="position: absolute; left: -5000px;" aria-hidden="true">
+            <input type="text" name="b_46d1ff41a9918b3b7efb885dc_6df88a3d0f" tabindex="-1" value="">
         </div>
-    </form>
+
+        <div class="flex overflow-hidden">
+            <input type="email" value="" name="EMAIL" class="required email block w-full border border-grey p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
+            <button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue text-white">Subscribe</button>
+        </div>
+    </div>
+</form>
 </div>
diff --git a/source/test-driven-drupal.md b/source/test-driven-drupal.md
index 01beeccb3..0a5a47c59 100644
--- a/source/test-driven-drupal.md
+++ b/source/test-driven-drupal.md
@@ -45,11 +45,6 @@ If you have questions or would like to suggest something for me to include in th
 {% include 'pages/book/signup-form' %}
 {% endblock %}
 
-{% block scripts %}
-<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';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-{% endblock %}
-
 [0]: /articles/tags/testing
 [1]: /talks/tdd-test-driven-drupal
 [2]: /contact