From 28a3ae91262fd6391d66ad1c179c3ad281c80782 Mon Sep 17 00:00:00 2001
From: Brian Hicks <brian@brianthicks.com>
Date: Wed, 24 Feb 2021 23:03:46 -0600
Subject: [PATCH] add convertkit signup form

---
 static/style.css          | 37 +++++++++++++++++++++++++++++++++++++
 templates/convertkit.html | 11 +++++++++++
 templates/post.html       |  2 ++
 3 files changed, 50 insertions(+)
 create mode 100644 templates/convertkit.html

diff --git a/static/style.css b/static/style.css
index 6c1bf92..6e52dfc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -175,6 +175,43 @@ nav > ul > li > a {
     font-weight: bold;
 }
 
+/* SIGNUP FORM */
+
+.convertkit {
+    margin-top: 3em;
+    padding: 1em;
+    background-color: var(--dim);
+}
+
+.convertkit > p {
+    margin-top: 0;
+}
+
+.convertkit > form {
+    display: flex;
+    margin: 0.5em auto 0 auto;
+    max-width: 30em;
+}
+
+.convertkit > form > input[type=email] {
+    flex-grow: 1;
+    font-size: 1em;
+    padding: 0.5em;
+    margin-right: 0.5em;
+    background: transparent;
+    border: 0;
+    border-bottom: 1px solid var(--deemphasized);
+}
+
+.convertkit > form > button {
+    min-width: 10em;
+    border: 0;
+    border-bottom: 1px solid var(--accent);
+    background: var(--accent);
+    color: var(--text);
+    font-size: 1em;
+}
+
 /* FOOTER */
 
 hr {
diff --git a/templates/convertkit.html b/templates/convertkit.html
new file mode 100644
index 0000000..bddb22c
--- /dev/null
+++ b/templates/convertkit.html
@@ -0,0 +1,11 @@
+<section class="convertkit">
+  <p>
+    Was this helpful?
+    Would you like me to email you things like this a couple times a month?
+    Sign up below and I'll do exactly that!
+  </p>
+  <form action="https://app.convertkit.com/forms/2069198/subscriptions" method="post">
+    <input class="email" name="email_address" aria-label="Email Address" placeholder="Email Address" required="true" type="email" />
+    <button data-element="submit">Subscribe</button>
+  </form>
+</section>
diff --git a/templates/post.html b/templates/post.html
index dd9abb8..b4383f5 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -22,4 +22,6 @@ <h1>{{ page.title | markdown(inline=true) | safe }}</h1>
 
   {{ page.content | safe }}
 </article>
+
+{% include "convertkit.html" %}
 {% endblock %}