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>
|