From afd532c49539096ea3413c0f7f1c6d47a4b663af Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 21 Aug 2022 21:54:28 +0100
Subject: [PATCH] feat(daily-email): add Drip subscribe forms

---
 .../_includes/daily-email-form.html.twig      | 29 +++++++++++++++++++
 website/source/_layouts/daily_email.html.twig |  7 +++++
 website/source/_pages/daily.html.twig         | 15 ++++++++++
 3 files changed, 51 insertions(+)
 create mode 100644 website/source/_includes/daily-email-form.html.twig
 create mode 100644 website/source/_pages/daily.html.twig

diff --git a/website/source/_includes/daily-email-form.html.twig b/website/source/_includes/daily-email-form.html.twig
new file mode 100644
index 00000000..af820890
--- /dev/null
+++ b/website/source/_includes/daily-email-form.html.twig
@@ -0,0 +1,29 @@
+<div>
+    <form action="https://www.getdrip.com/forms/{{ page.drip.form_id }}/submissions" method="post" data-drip-embedded-form="{{ page.drip.form_id }}" id="{{ page.drip.form_id }}">
+  <div data-drip-attribute="description">
+            {% block description %}{% endblock %}
+        </div>
+
+  <div class="mx-auto mt-8 max-w-md">
+    <div>
+      <label class="block font-bold text-center" for="drip-email">What's your best email address?</label>
+      <input class="block mt-1 w-full dark:text-gray-900" type="email" id="drip-email" name="fields[email]" value="">
+    </div>
+
+    <div style="display: none;" aria-hidden="true">
+      <label for="website">Website</label>
+      <input class="block mt-2" type="text" id="website" name="website" tabindex="-1" autocomplete="false" value="">
+    </div>
+
+    <div class="mt-4">
+      <button type="submit" class="inline-flex justify-center items-center py-3 px-6 w-full font-medium text-white no-underline rounded-md border duration-200 ease-in-out hover:bg-white focus:bg-white border-blue-primary bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary" data-drip-attribute="sign-up-button">
+        Get daily emails →
+      </button>
+    </div>
+  </div>
+</form>
+
+<footer class="px-4 mt-4 text-center">
+  <p>Not sure? <a class="link" href="/archive">Browse the archive →</a></p>
+</footer>
+</div>
diff --git a/website/source/_layouts/daily_email.html.twig b/website/source/_layouts/daily_email.html.twig
index 181e3f4a..e11dd268 100644
--- a/website/source/_layouts/daily_email.html.twig
+++ b/website/source/_layouts/daily_email.html.twig
@@ -11,4 +11,11 @@
             <li><a class="text-sm link" href="/archive">Browse the archive</a></li>
         </ul>
     </footer>
+
+<div class="mt-10">
+{% embed "daily-email-form" with {
+  form_id: page.drip.form_id,
+} %}
+    {% endembed %}
+    </div>
 {% endblock %}
diff --git a/website/source/_pages/daily.html.twig b/website/source/_pages/daily.html.twig
new file mode 100644
index 00000000..ee9a11de
--- /dev/null
+++ b/website/source/_pages/daily.html.twig
@@ -0,0 +1,15 @@
+---
+title: Daily emails
+drip:
+    form_id: 842254618
+---
+
+{% block content %}
+    {% embed "daily-email-form" with {
+      form_id: page.drip.form_id,
+    } %}
+        {% block description %}
+                <p>Sign up for my daily emails on software engineering and DevOps.</div></p>
+        {% endblock %}
+    {% endembed %}
+{% endblock %}