feat(daily-email): add Drip subscribe forms
This commit is contained in:
parent
aeb6200828
commit
afd532c495
29
website/source/_includes/daily-email-form.html.twig
Normal file
29
website/source/_includes/daily-email-form.html.twig
Normal file
|
@ -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>
|
|
@ -11,4 +11,11 @@
|
||||||
<li><a class="text-sm link" href="/archive">Browse the archive</a></li>
|
<li><a class="text-sm link" href="/archive">Browse the archive</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<div class="mt-10">
|
||||||
|
{% embed "daily-email-form" with {
|
||||||
|
form_id: page.drip.form_id,
|
||||||
|
} %}
|
||||||
|
{% endembed %}
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
15
website/source/_pages/daily.html.twig
Normal file
15
website/source/_pages/daily.html.twig
Normal file
|
@ -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 %}
|
Loading…
Reference in a new issue