You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

56 lines
2.5 KiB

---
layout: default
---
<div class="uk-section">
<div class="uk-container uk-container-xsmall">
<article markdown="span" class="uk-article">
<h1 class="uk-article-title">{{ page.title | escape }}</h1>
<div markdown="span" class="article-content">
{{ content }}
</div>
</article>
{% if page.formspree.email %}
<h3 class="uk-margin-medium-top">Contact Form</h3>
<form class="uk-form-stacked uk-margin-medium-top" method="POST" action="https://formspree.io/{{ page.formspree.email }}" accept-charset="UTF-8">
<div class="uk-margin-medium-bottom">
<label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Name</label>
<div class="uk-form-controls">
<input class="uk-input uk-form-large uk-border-rounded" name="name" type="text" required>
</div>
</div>
<div class="uk-margin-medium-bottom">
<label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Email</label>
<div class="uk-form-controls">
<input class="uk-input uk-form-large uk-border-rounded" name="_replyto" type="email" required>
</div>
</div>
<div class="uk-margin-medium-bottom">
<label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Subject</label>
<div class="uk-form-controls">
<input class="uk-input uk-form-large uk-border-rounded" name="_subject" type="text">
</div>
</div>
<div class="uk-margin-medium-bottom">
<label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Message</label>
<div class="uk-form-controls">
<textarea class="uk-textarea uk-form-large" name="message" rows="5" minlength="10" required></textarea>
</div>
</div>
<div>
{% if page.formspree.redirect %}
<input type="hidden" name="_next" value="{{ page.formspree.redirect | absolute_url }}">
{% endif %}
<input type="text" name="_gotcha" style="display:none">
<input class="uk-button uk-button-primary uk-button-large uk-width-1-1 uk-border-rounded" type="submit" value="Send">
</div>
</form>
{% endif %}
</div>
</div>