add convertkit signup form

main
Brian Hicks 2021-02-24 23:03:46 -06:00
parent bcb025fe71
commit 28a3ae9126
3 changed files with 50 additions and 0 deletions

View File

@ -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 {

11
templates/convertkit.html Normal file
View File

@ -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>

View File

@ -22,4 +22,6 @@
{{ page.content | safe }}
</article>
{% include "convertkit.html" %}
{% endblock %}