ad/molodetz/templates/join.html

<!-- retoor <retoor@molodetz.nl> -->
{% extends "base.html" %}
{% block content %}
<header class="article-header">
  <span class="label">Join</span>
  <h1>I'm in</h1>
  <p class="muted">The roll is open to people, not to an audience. Tell us who you are and how to reach you. A link to your work helps, but is not required.</p>
</header>
{% if submitted %}
<div class="notice success" role="status">Noted. retoor reads every request himself and will get in touch.</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="/join" data-form>
  <div class="field">
    <label for="name">Name</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="email, Matrix or Signal">
    <span class="help">Only visible to admins.</span>
  </div>
  <div class="field">
    <label for="repo_url">Repo or work (optional)</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">What do you want to write about? (optional)</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">By sending this you agree to the <a href="/privacy">privacy statement</a>. We only keep what you enter here.</p>
  <div class="actions"><button class="button" type="submit" data-loading>I'm in</button></div>
</form>
{% endblock %}