{% block init -%}
{% set page_class = "" %}
{% endblock -%}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="{{ get_url(path='normalize.css', trailing_slash=false) }}"
    />
    <link
      rel="stylesheet"
      href="{{ get_url(path='style.css', trailing_slash=false) }}"
    />
    <title>
    {%- if page is defined -%}
    {{ page.title }}
    {% for sec_name in page.ancestors | reverse -%}
    {% set s = get_section(path=sec_name) -%}
    • {{ s.title }}
    {% endfor -%}
    {% elif section is defined -%}
    {{ section.title }}
    {% for sec_name in section.ancestors | reverse -%}
    {% set s = get_section(path=sec_name) -%}
    • {{ s.title }}
    {% endfor -%}
    {% endif -%}
    </title>
    {% block links %}{% endblock %}
  </head>

  <body class="{{ page_class }}">
  {% block header %}
    <header class="page-header">
      <div class="logo">
        <a href="{{ config.base_url }}">
          {{ load_data(path="static/dustin.svg") | safe }}
        </a>
      </div>
      <nav class="main-nav">
        <ul>
          <li><a href="{{ config.base_url }}">Home</a></li
          ><li><a href="{{ get_url(path='/blog') }}">Blog</a></li
          ><li><a href="{{ get_url(path='/cv') }}">CV</a><li
          >
        </ul>
      </nav>
    </header>
{% endblock header %}
    <main id="content" class="main-content" role="main">
      <div class="main-content">
      {% block content %}{% endblock %}
      </div>
    </main>
{% block after_content %}{% endblock %}
    <footer class="page-footer">
      <hr />
      <span class="copyright">Copyright © 2010–2022 Dustin C. Hatch</span>
      ♫
      <span>Built with <a href="https://www.getzola.org/">Zola</a><span>
    </footer>
  </body>
</html>
