login 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>login - {{$title}}</title>
  <style>
    .centered { text-align: center; }
    % include view/form.css
  </style>
</head>
<body>
  <br>
  <h1 class="centered">login</h1>
  % if $after ~= nil then
    % set query = "?after=" .. $after
  % else
    % set query = ""
  % end
  <form action="/login{{$query}}" method="post">
    <ul class="centered ul-form">
      <li><input
        type="text" class="flat-field" name="username" placeholder="Username"
        required pattern="[-_A-Za-z0-9]+" autofocus>
      </li>
      <li><input type="password" class="flat-field" name="password" placeholder="Password" required></li>
      <li><input type="submit" class="flat-button" value="Login"></li>
    </ul>
  </form>
  <br>
  <p class="centered"><a href="/join">Register</a> using an invite.</p>
</body>
</html>