login 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>{{$title}} - login</title>
  <style>
    .centered { text-align: center; }
    % include view/form.css
  </style>
</head>
<body>
  <h1 class="centered">Login</h1>
  <form action="/login" 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>
</body>
</html>