{% extends "layouts/base.html" %}

{% block body %}
<div class="layout-with-toolbar">
  <header class="banner" role="note">
    {%- block banner %}
    <i class="ti ti-info-square-rounded"></i>
    This is a technical demo.
    <a href="https://www.phono.dev/about#demo">
      Learn more <i class="ti ti-chevron-right"></i>
    </a>
    {% endblock -%}
  </header>
  <header class="toolbar" role="banner">
    <div class="toolbar__page-actions">
      {% block toolbar_page_actions %}{% endblock %}
    </div>
    <div class="toolbar__user">
      {% include "includes/toolbar_user.html" %}
    </div>
  </header>
  <main>
    {%- block main %}{% endblock -%}
  </main>
</div>
{% endblock %}