login 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>join - {{$title}}</title>
  <style>
    .centered { text-align: center; }
    .mono { font-family: monospace; }
    % include view/form.css
  </style>
</head>
<body>
  <h1 class="centered">join</h1>
  <form action="/join" method="post">
    <ul class="centered ul-form">
      % if #$uuid == 0 then
        % set iaf = "autofocus"
        % set uaf = ""
      % else
        % set iaf = ""
        % set uaf = "autofocus"
      % end
      <li><input
        type="text" class="flat-field mono" name="invite" placeholder="Invite"
        required size=32 minlength=32 maxlength= 32 value="{{$uuid}}" {{$iaf}}>
      </li>
      <li><input
        type="text" class="flat-field" name="username" placeholder="Username"
        required pattern="[-_A-Za-z0-9]+" {{$uaf}}>
      </li>
      <li><input type="text" class="flat-field" name="realname" placeholder="Real Name" required></li>
      <li><input type="password" class="flat-field" name="password" placeholder="Password" required></li>
      <li><input type="password" class="flat-field" name="passconfirm" placeholder="Confirm Password" required></li>
      <li><input type="submit" class="flat-button" value="Join"></li>
    </ul>
  </form>
</body>
</html>