<!DOCTYPE html>
<html data-theme="light" lang="{{ DEFAULT_LANG }}">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="color-scheme" content="light dark" />
  {% for css in STYLESHEET_FILES %}
  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ css }}" />
  {% endfor %}
  <title>{% block title %}{{ SITENAME }}{% if SITETAG %} - {{ SITETAG|escape }}{%
    endif %}{% endblock %}</title>
</head>

<body>
  <header>
    <div id="jumbotron">{% include "includes/jumbotron.html" %}</div>
    <nav id="site-navbar">{% include "includes/navbar.html" %}</nav>
  </header>

  <main class="container">
    {% block container_header %}
    {% endblock %}

    {% block content_header %}
    {% endblock %}
    {% block content_body %}
    {% endblock %}
    {% block content_footer %}
    {% endblock %}

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

  <footer id="site-footer">{% include "includes/footer.html" %}</footer>
</body>

</html>