2017-05-08 15:12:49 -06:00
|
|
|
{% extends 'templates/base.html' %}
|
|
|
|
{% block title %}{{super()}} | Contact{% endblock %}
|
|
|
|
|
2017-05-08 15:27:45 -06:00
|
|
|
{% block head %}
|
|
|
|
{{super()}}
|
2017-05-08 17:01:35 -06:00
|
|
|
<link rel="stylesheet" type="text/css" href="/static/css/.form.min.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/static/css/.contact.min.css">
|
|
|
|
<script src='https://www.google.com/recaptcha/api.js'></script>
|
2017-05-08 15:27:45 -06:00
|
|
|
{% endblock %}
|
|
|
|
|
2017-05-08 15:12:49 -06:00
|
|
|
{% block main %}
|
|
|
|
<section class='container'>
|
|
|
|
|
|
|
|
<h1>Contact</h1>
|
2017-05-08 15:27:45 -06:00
|
|
|
|
2017-05-08 17:01:35 -06:00
|
|
|
<form id='contact-form' role="form" method="POST">
|
2017-05-08 15:27:45 -06:00
|
|
|
|
2017-05-08 17:01:35 -06:00
|
|
|
<input name="subject" id='subject' type="text" maxlength="160" value="{{subject}}" placeholder="Subject">
|
|
|
|
<textarea name="message" id='message' rows="10" maxlength="5000" placeholder="Message" required>{{message}}</textarea>
|
2017-05-08 15:27:45 -06:00
|
|
|
|
2017-05-08 17:01:35 -06:00
|
|
|
<input name="name" id='name' type="text" maxlength="160" value="{{name}}" placeholder="Name">
|
|
|
|
<input name="email" id='email' type="email" maxlength="160" value="{{email}}" placeholder="Email" required>
|
|
|
|
|
|
|
|
<button class='g-recaptcha main btn' data-sitekey="{{sitekey}}" data-callback="onSubmit">Submit</button>
|
2017-05-08 15:27:45 -06:00
|
|
|
</form>
|
2017-05-08 15:12:49 -06:00
|
|
|
|
|
|
|
</section>
|
2017-05-08 15:27:45 -06:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block javascript %}
|
|
|
|
{{super()}}
|
|
|
|
<script type="application/javascript">
|
|
|
|
/* global $ */
|
|
|
|
function onSubmit() {
|
|
|
|
$('#contact-form').submit();
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
{% endblock %}
|