nopaque/app/templates/auth/login.html.j2

{% extends "nopaque.html.j2" %}

{% block page_content %}
<style>
  main {
    background-image: url("{{ url_for('static', filename='images/bible_text.jpg') }}");
    background-repeat: no-repeat;
    background-size: cover;
  }
</style>

<div class="col s12 m4">
  <div class="card medium">
    <div class="card-content">
      <span class="card-title">Cyber cyber</span>
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
    </div>
    <div class="card-action right-align">
      <a class="btn" href="{{ url_for('auth.register') }}"><i class="material-icons left">person_add</i>Register</a>
    </div>
  </div>
</div>

<div class="col s12 m8">
  <div class="card medium">
    <form method="POST">
      <div class="card-content">
        <span class="card-title">Log in</span>
        {{ login_form.hidden_tag() }}
        <div class="input-field">
          <i class="material-icons prefix">person</i>
          {{ login_form.user(class='validate') }}
          {{ login_form.user.label }}
          {% for error in login_form.user.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">vpn_key</i>
          {{ login_form.password(class='validate') }}
          {{ login_form.password.label }}
          {% for error in login_form.password.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="row" style="margin-bottom: 0;">
          <div class="col s6 left-align">
            <a href="{{ url_for('auth.reset_password_request') }}">Forgot your password?</a>
          </div>
          <div class="col s6 right-align">
            <div class="switch">
              <label>
                Remember me
                {{ login_form.remember_me(class='validate') }}
                <span class="lever"></span>
              </label>
            </div>
          </div>
        </div>
      </div>
      <div class="card-action right-align">
        {{ macros.submit_button(login_form.submit) }}
      </div>
    </form>
  </div>
</div>
{% endblock %}