{% extends "base.html" %}

{% block body %}
  <h1>Sign Up</h1>
  <div>tAuth</div>
  <p>
    <form>
      {% csrf_token %}
      <p>
        <div><input required type="text" pattern="[a-z0-9A-Z_][a-z0-9A-Z_\-]{0,30}[a-z0-9A-Z_]" placeholder="Username"></div>
        <div><small>2-30 characters, <code>A-Z</code>, <code>0-9</code>, <code>_</code>, and <code>-</code>. Can't start or end with a <code>-</code></small></div>
      </p>
    </form>
  </p>
{% endblock %}