{% block doc %}
<!DOCTYPE html>
<html{% block html_attribs %}{% endblock html_attribs %}>
  {% block html %}
  <head>
    {% block head %}
    <title>{% block title %}{{title|default}}{% endblock title %}</title>

    {% block metas %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% endblock metas %}

    {% block styles %}
    <link href="{{ url_for('static', filename='css/material_icons.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/materialize.min.css') }}" media="screen,projection" rel="stylesheet">
    {% endblock styles %}
    {% endblock head %}
  </head>
  <body{% block body_attribs %}{% endblock body_attribs %}>
    {% block body %}
    <header{% block header_attribs %}{% endblock header_attribs %}>
      {% block header %}
      {% block navbar %}
      {% endblock navbar %}
      {% block sidenav %}
      {% endblock sidenav %}
      {% endblock header %}
    </header>

    <main{% block main_attribs %}{% endblock main_attribs %}>
      {% block main %}{% endblock main %}
    </main>

    <footer{% block footer_attribs %}{% endblock footer_attribs %}>
      {% block footer %}{% endblock footer %}
    </footer>

    {% block scripts %}
    <script src="{{ url_for('static', filename='js/materialize.min.js') }}"></script>
    {% endblock scripts %}
    {% endblock body %}
  </body>
  {% endblock html %}
</html>
{% endblock doc %}