{{define "content"}}
<article>
  <div>
    <hgroup>
      <h2>Sign in</h2>
      <p>Login to your Spyda account on {{ .InstanceName }}</p>
    </hgroup>
    <form action="/login" method="POST">
      <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
      <input type="text" name="username" placeholder="Username" aria-label="Username" autocomplete="nickname" required="required" autofocus />
      <input type="password" name="password" placeholder="Password" aria-label="Password" autocomplete="current-password" required="required" />
      <fieldset>
	<label for="rememberme">
	  <input type="checkbox" id="rememberme" name="rememberme">
	  Remember me?
	</label>
      </fieldset>
      <input type="submit" class="contrast" value="Login" />
      <p>
	<a href="/resetPassword">Forgotten your password?</a>
      </p>
    </form>
  </div>
  <div>
    <hgroup>
      <h2>How to login to your account</h2>
    </hgroup>
    <p>
      Login to your Spyda account on {{ .InstanceName }} by filling in
      the Username and Password you used when you created your account.
    </p>
    <p>
      Check the "Remember Me" box if you don't want to have to keep logging in
      every few hours.
    </p>
    <p>
      If you have forgotten your password you can request a
      <a href="/resetPassword">Password Reset</a> as long as you remember
      your username and email address you signed up with and retain access to
      your email (<i>We <b>NEVER</b> store your email address!</i>).
    </p>
  </div>
</article>
{{end}}