{% load i18n %}

<div
  class="reveal large"
  id="password-modal"
  data-reveal
  data-animation-in="slide-in-up"
  data-animaion-out-"slide-out-down">
  <div class="card">
    <div class="card-divider">
      <h2>{% trans "Password Guide" %}</h2>
    </div>
    {% include "admin/elements/forms/messages_in_callout.html" with form=form %}
    <div class="card-section">
      <p class="lead">{% blocktrans %}
        When it comes to passwords, length is better than complexity.
      {% endblocktrans %}</p>
      <p>{% blocktrans %}
        Its a common myth that a short and complex password
        (Jfjfy&65^87) is more secure than a long and uncomplicated password
        (our awesome moon base rocks).
      {% endblocktrans %}</p>
      <p>{% blocktrans %}
        We recommend selecting a long, but easy to remember
        password such as our awesome moon base rocks which would take an
        estimated septillion years to crack as opposed to a complex one like
        Jfjfy&65^87 which would take just over 600 years on a standard
        computer.
      {% endblocktrans %}</p>
      <button
        class="close-button"
        data-close
        aria-label="Close modal"
        type="button">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
  </div>
</div>