#+TITLE: Login
#+OPTIONS: toc:nil num:nil
#+NO_SIDENOTES: t
#+COMMENTS: nil
#+SLUG: login

#+BEGIN_EXPORT html
<main class="auth-page">
  <section class="auth-panel" aria-labelledby="login-heading">
    <div class="auth-intro">
      <p class="auth-kicker">Private site</p>
      <h1 id="login-heading">Sign in to Zainezq</h1>
      <p>Use your account details to continue to the private site.</p>
    </div>

    <form id="login-form" class="auth-form">
      <div class="auth-field">
        <label for="login-username">Username</label>
        <input id="login-username" name="username" type="text" autocomplete="username" required>
      </div>

      <div class="auth-field">
        <label for="login-password">Password</label>
        <input id="login-password" name="password" type="password" autocomplete="current-password" required>
      </div>

      <button class="auth-submit" type="submit">
        <span class="auth-submit-text">Sign in</span>
        <span class="auth-submit-spinner" aria-hidden="true"></span>
      </button>
      <p id="login-message" class="auth-message" role="alert" aria-live="polite"></p>
    </form>
  </section>
</main>
#+END_EXPORT