{% extends "base.html" %}
{% block title %}Sign Up — The Spring{% endblock %}
{% block content %}

<div class="heading">Sign Up</div>

<p class="prose">Pick a handle. Pick a password. That's it — no email, no phone, no captcha. You're in.</p>

<form method="post" class="form">
  <label>
    <span>username</span>
    <input name="username" required autofocus maxlength="20" pattern="[a-z0-9_]{2,20}" placeholder="2-20 chars: a-z 0-9 _">
  </label>
  <label>
    <span>email <span class="mt" style="font-weight:normal;font-size:.7rem">(optional but recommended for password reset)</span></span>
    <input type="email" name="email" placeholder="you@example.com (optional)">
  </label>
  <label>
    <span>password</span>
    <input type="password" name="password" required minlength="8" placeholder="at least 8 characters">
  </label>
  <label>
    <span>confirm</span>
    <input type="password" name="password2" required minlength="8" placeholder="type it again">
  </label>
  <button type="submit">&raquo; create account</button>
</form>

<p class="mt small">Already have a handle? <a href="{{ url_for('login') }}">log in</a>.</p>

<div class="note">
  <b>[ heads up ]</b> Email is optional &mdash; you can sign up with just a handle and password. But if you skip email, you can't recover a forgotten password (you'd have to email <a href="mailto:walhus@gmail.com">walhus@gmail.com</a> for a manual reset).
</div>

{% endblock %}