{% extends "materialize/base.html.j2" %}

{% block html_attribs %} lang="en"{% endblock html_attribs %}

{% block head %}
{{ super() }}
<link href="{{ url_for('static', filename='images/nopaque_-_favicon.png') }}" rel="icon">
{% if current_user.setting_dark_mode %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/darkreader/4.9.40/darkreader.min.js" integrity="sha512-0Jbi9gWSyU5SvNS16za0aILl6l+MgM8N+TGlZxy4qPQEzqKoU9egh4h56Kz0xp2R+ZFPQMfeDn26Gh6cqu2WAg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
  DarkReader.enable();
</script>
{% endif %}
{% endblock head %}

{% block metas %}
<meta charset="UTF-8">
{{ super() }}
{% endblock metas %}

{% block title %}{{ title }}{% endblock title %}

{% block styles %}
{{ super() }}
{% include "_styles.html.j2" %}
{% endblock styles %}

{% block navbar %}
{% include "_navbar.html.j2" %}
{% endblock navbar %}

{% block sidenav %}
{% if current_user.is_authenticated %}
{% include "_sidenav.html.j2" %}
{% endif %}
{% endblock sidenav %}

{% block main_attribs %} class="background-color"{% endblock main_attribs %}
{% block main %}
{% block page_content %}{% endblock page_content %}
<div id="modals">
  {% block modals %}
  {% if current_user.is_authenticated %}
  {% include "_roadmap.html.j2" %}
  {% endif %}
  {% endblock modals %}
</div>
{% endblock main %}

{% block footer_attribs %} class="page-footer primary-variant-color"{% endblock footer_attribs %}
{% block footer %}
{% include "_footer.html.j2" %}
{% endblock footer %}

{% block scripts %}
{{ super() }}
{% include "_scripts.html.j2" %}
{% endblock scripts %}