58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<!doctype html>
|
||
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link rel="stylesheet" href="/css/frombulma.css">
|
||
<link rel="stylesheet" href="/css/styles.css">
|
||
<style type="text/css">
|
||
.form-line>.input, .form-line>.textarea{
|
||
border-color: #aaaaaa;
|
||
width:100%;
|
||
margin-bottom: 1em;
|
||
}
|
||
.form-line>.textarea{
|
||
min-height: 25em;
|
||
}
|
||
.form-error{
|
||
width: 100%;
|
||
border-radius: 4px;
|
||
margin-bottom: 1em;
|
||
}
|
||
.form-alert{
|
||
background-color: rgba(255, 0, 0, 0.2);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<form method="post">
|
||
<input type="hidden" name="token" value={{token}}>
|
||
<div class="form-line field">
|
||
<label class="label" for=email>Adresse de courriel</label>
|
||
<div class="form-line control">
|
||
<input class="input" id="email" type="email" name="email" value="{{email}}" required/>
|
||
</div>
|
||
</div>
|
||
<div class="form-line field">
|
||
<label class="label" for="message">Votre message</label>
|
||
</div>
|
||
<div class="form-line field">
|
||
<textarea class="textarea" id="message" name="message" rows="20" minlength="100" maxlength="10000" required>{{message}}</textarea>
|
||
</div>
|
||
<div class="form-line field">
|
||
<label class="label" for="captcha">Vérification d’humanité: combien font {{first_number}} {{op_text}} {{second_number}} ?</label>
|
||
</div>
|
||
<div class="form-line field">
|
||
<input class="input {% if captcha_error %}form-alert{% endif %}" id="captcha" type="number" name="captcha" min="-10" max="100" required />
|
||
</div>
|
||
{% if captcha_error %}
|
||
<div class="form-error">Le captcha est invalide veuillez réessayer</div>
|
||
{% endif %}
|
||
<div class="form-line field">
|
||
<input class="button is-link" type="submit" value="Envoyer" />
|
||
</div>
|
||
</form>
|
||
|
||
</body>
|
||
</html> |