{% extends 'html.html.j2' %}

{% block body %}
  <div class="narrow-form">
    <div class="m-2">
    <a class="site-home-link" href="{{url_for('pages.index')}}">
      <img class="site-logo" src="{{url_for('static', filename='img/projects_logo.svg')}}" alt="">
    </a>
    </div>
  <h1 class="text-center mt-4">{% block heading %}{% endblock %}</h1>
  {% with messages = get_flashed_messages(with_categories=true) %}
  {% if messages %}
      {% for category, message in messages %}
        <div class="toast toast-{{category}}">
          {{ message }}
          <button class="btn btn-clear float-left"></button>
        </div>
      {% endfor %}
  {% endif %}
  {% endwith %}
  {% block main %}
  {% endblock %}
  </div>
{% endblock %}