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

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="{% block metadesc %}{{ DEFAULT_METADESC|e }}{% endblock %}" />
  <meta name="author" content="{{ AUTHOR }}" />
  <meta name="generator" content="Pelican" />
  <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">
    <div id="main-content" role="document">
      <div id="main-header" class="shadow">
        {% block content_header %}
        {% endblock %}
      </div>
      {% block content_body %}
      {% endblock %}
      {% block content_footer %}
      {% endblock %}
    </div>
  </main>

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

</html>