38 lines
2.0 KiB
HTML
38 lines
2.0 KiB
HTML
|
<!-- retoor <retoor@molodetz.nl> -->
|
||
|
|
{% extends "base.html" %}
|
||
|
|
{% block content %}
|
||
|
|
<header class="article-header">
|
||
|
|
<span class="label">Binnen</span>
|
||
|
|
<h1>Ik schrijf mee</h1>
|
||
|
|
<p class="muted">De rol is open voor mensen, niet voor een publiek. Zeg wie je bent en hoe we je bereiken. Een link naar je werk helpt, maar is niet verplicht.</p>
|
||
|
|
</header>
|
||
|
|
{% if submitted %}
|
||
|
|
<div class="notice success" role="status">Genoteerd. retoor leest elke aanmelding zelf en neemt contact op.</div>
|
||
|
|
{% endif %}
|
||
|
|
{% if errors %}
|
||
|
|
<div class="notice error" role="alert"><ul>{% for error in errors %}<li>{{ error }}</li>{% endfor %}</ul></div>
|
||
|
|
{% endif %}
|
||
|
|
<form class="form" method="post" action="/binnen" data-form>
|
||
|
|
<div class="field">
|
||
|
|
<label for="name">Naam</label>
|
||
|
|
<input id="name" type="text" name="name" required minlength="2" maxlength="80" value="{{ form.name or '' }}" autocomplete="name">
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<label for="contact">Contact</label>
|
||
|
|
<input id="contact" type="text" name="contact" required minlength="3" maxlength="255" value="{{ form.contact or '' }}" placeholder="e-mail, Matrix of Signal">
|
||
|
|
<span class="help">Alleen zichtbaar voor beheer.</span>
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<label for="repo_url">Repo of werk (optioneel)</label>
|
||
|
|
<input id="repo_url" type="text" name="repo_url" maxlength="500" value="{{ form.repo_url or '' }}" placeholder="https://">
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<label for="message">Waarover wil je schrijven? (optioneel)</label>
|
||
|
|
<textarea id="message" name="message" maxlength="2000" rows="4">{{ form.message or '' }}</textarea>
|
||
|
|
</div>
|
||
|
|
<div class="honeypot" aria-hidden="true"><label for="website">Website</label><input id="website" type="text" name="website" tabindex="-1" autocomplete="off"></div>
|
||
|
|
<p class="muted">Door te versturen ga je akkoord met de <a href="/privacy">privacyverklaring</a>. We bewaren alleen wat je hier invult.</p>
|
||
|
|
<div class="actions"><button class="button" type="submit" data-loading>Ik schrijf mee</button></div>
|
||
|
|
</form>
|
||
|
|
{% endblock %}
|