oliverdavies.uk/website/source/_includes/daily-email-form.html.twig

<script src="https://f.convertkit.com/ckjs/ck.5.js"></script>

{% block description %}{% endblock %}

<form class="mx-auto mt-8 max-w-md" action="https://app.convertkit.com/forms/3546728/subscriptions" class="seva-form formkit-form" method="post" data-sv-form="3546728" data-uid="f0c1d2b57f" data-format="inline" data-version="5" data-options="{&quot;settings&quot;:{&quot;after_subscribe&quot;:{&quot;action&quot;:&quot;message&quot;,&quot;success_message&quot;:&quot;Success! Now check your email to confirm your subscription.&quot;,&quot;redirect_url&quot;:&quot;&quot;},&quot;analytics&quot;:{&quot;google&quot;:null,&quot;fathom&quot;:null,&quot;facebook&quot;:null,&quot;segment&quot;:null,&quot;pinterest&quot;:null,&quot;sparkloop&quot;:null,&quot;googletagmanager&quot;:null},&quot;modal&quot;:{&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;powered_by&quot;:{&quot;show&quot;:true,&quot;url&quot;:&quot;https://convertkit.com/features/forms?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic&quot;},&quot;recaptcha&quot;:{&quot;enabled&quot;:false},&quot;return_visitor&quot;:{&quot;action&quot;:&quot;show&quot;,&quot;custom_content&quot;:&quot;&quot;},&quot;slide_in&quot;:{&quot;display_in&quot;:&quot;bottom_right&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;sticky_bar&quot;:{&quot;display_in&quot;:&quot;top&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15}},&quot;version&quot;:&quot;5&quot;}" min-width="400 500 600 700 800"><div data-style="clean"><ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul>

<div data-element="fields" data-stacked="false" class="seva-fields formkit-fields"><div class="formkit-field">
    <input class="block mt-1 w-full" name="email_address" style="color: rgb(0, 0, 0); border-color: rgb(227, 227, 227); border-radius: 4px; font-weight: 400;" aria-label="Email Address" placeholder="What is your best email address?" required="" type="email">
</div>

<div class="mt-4">
    <button data-element="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">
<div class="formkit-spinner"><div></div><div></div><div></div></div><span class="">Get daily emails →</span></button></div>

<footer class="px-4 mt-4 text-center">
    <p>Not sure? <a class="link" href="/archive">Browse the archive →</a></p>
</footer>

<style>.formkit-form[data-uid="f0c1d2b57f"] *{box-sizing:border-box;}.formkit-form[data-uid="f0c1d2b57f"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.formkit-form[data-uid="f0c1d2b57f"] legend{border:none;font-size:inherit;margin-bottom:10px;padding:0;position:relative;display:table;}.formkit-form[data-uid="f0c1d2b57f"] fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0;}.formkit-form[data-uid="f0c1d2b57f"] body:not(:-moz-handler-blocked) fieldset{display:table-cell;}.formkit-form[data-uid="f0c1d2b57f"] h1,.formkit-form[data-uid="f0c1d2b57f"] h2,.formkit-form[data-uid="f0c1d2b57f"] h3,.formkit-form[data-uid="f0c1d2b57f"] h4,.formkit-form[data-uid="f0c1d2b57f"] h5,.formkit-form[data-uid="f0c1d2b57f"] h6{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="f0c1d2b57f"] h2{font-size:1.5em;margin:1em 0;}.formkit-form[data-uid="f0c1d2b57f"] h3{font-size:1.17em;margin:1em 0;}.formkit-form[data-uid="f0c1d2b57f"] p{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="f0c1d2b57f"] ol:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] ul:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] blockquote:not([template-default]){text-align:left;}.formkit-form[data-uid="f0c1d2b57f"] p:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] hr:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] blockquote:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] ol:not([template-default]),.formkit-form[data-uid="f0c1d2b57f"] ul:not([template-default]){color:inherit;font-style:initial;}.formkit-form[data-uid="f0c1d2b57f"] .ordered-list,.formkit-form[data-uid="f0c1d2b57f"] .unordered-list{list-style-position:outside !important;padding-left:1em;}.formkit-form[data-uid="f0c1d2b57f"] .list-item{padding-left:0;}.formkit-form[data-uid="f0c1d2b57f"][data-format="modal"]{display:none;}.formkit-form[data-uid="f0c1d2b57f"][data-format="slide in"]{display:none;}.formkit-form[data-uid="f0c1d2b57f"][data-format="sticky bar"]{display:none;}.formkit-sticky-bar .formkit-form[data-uid="f0c1d2b57f"][data-format="sticky bar"]{display:block;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-input,.formkit-form[data-uid="f0c1d2b57f"] .formkit-select,.formkit-form[data-uid="f0c1d2b57f"] .formkit-checkboxes{width:100%;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-button,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit{border:0;border-radius:5px;color:#ffffff;cursor:pointer;display:inline-block;text-align:center;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:15px;overflow:hidden;padding:0;position:relative;vertical-align:middle;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-button:hover,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit:hover,.formkit-form[data-uid="f0c1d2b57f"] .formkit-button:focus,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit:focus{outline:none;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-button:hover > span,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit:hover > span,.formkit-form[data-uid="f0c1d2b57f"] .formkit-button:focus > span,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit:focus > span{background-color:rgba(0,0,0,0.1);}.formkit-form[data-uid="f0c1d2b57f"] .formkit-button > span,.formkit-form[data-uid="f0c1d2b57f"] .formkit-submit > span{display:block;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;padding:12px 24px;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-input{background:#ffffff;font-size:15px;padding:12px;border:1px solid #e3e3e3;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;line-height:1.4;margin:0;-webkit-transition:border-color ease-out 300ms;transition:border-color ease-out 300ms;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-input:focus{outline:none;border-color:#1677be;-webkit-transition:border-color ease 300ms;transition:border-color ease 300ms;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-input::-webkit-input-placeholder{color:inherit;opacity:0.8;}.formkit-form[data-uid="f0c1d2b57f"] .formkit-input::-moz-placeholder{color:inherit;opa