39 lines
1.6 KiB
HTML
39 lines
1.6 KiB
HTML
{{ $email := . }}
|
|
{{ $action := printf "https://formspree.io/%s.tld" $email }}
|
|
<section id="subscriptionSection" class="section narrow">
|
|
<div class="subscription-container">
|
|
<div class="subscription-content">
|
|
<h3 class="subscription-heading">
|
|
Join our email list and get notified about new content
|
|
</h3>
|
|
<p class="subscription-text">
|
|
Be the first to receive our latest content with the ability to
|
|
opt-out at anytime. We promise to not spam your inbox or share your
|
|
email with any third parties.
|
|
</p>
|
|
<form id="subscriptionForm" class="subscription-form" action="{{ $action | safeHTMLAttr }}" method="POST">
|
|
<input
|
|
id="emailInput"
|
|
class="subscription-input"
|
|
placeholder="your@email.com"
|
|
name="email"
|
|
type="email"
|
|
required
|
|
pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$"
|
|
/>
|
|
<button id="submitButton"
|
|
class="submit-button"
|
|
type="submit"
|
|
>
|
|
Subscribe
|
|
</button>
|
|
<div class="subscription-error-message">
|
|
The email you entered is not valid.
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{ $script := resources.Get "js/addFormStyles.js" }}
|
|
<script src="{{ $script.RelPermalink }}"></script> |