<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="color-scheme" content="light dark">
    <meta name="author" content="{{ site.author }}">
    {%- if description %}
    <meta name="description" content="{{ description }}">
    {%- else %}
    <meta name="description" content="{{ site.description }}">
    {%- endif %}
    <link rel="alternate" href="/atom.xml" type="application/atom+xml">
    <link rel="stylesheet" href="/style.css" type="text/css">
    <title>{% block title %}{% endblock %} | {{ site.description }}</title>
  </head>

  <body>
    <header>
      <h1><a href="/">{{ site.title }}</a></h1>
      <nav>
        <h2>{{ site.description }}</h2>
        <ul>
          <li><h2><a href="/">Blog</a></h2></li>
          <li><h2><a href="/archive.html">Archive</a></h2></li>
          <li><h2><a href="/tags/">Tags</a></h2></li>
          <li><h2><a href="/about.html">About Me</a></h2></li>
        </ul>
      </nav>
    </header>

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

    <footer>
      <p>This website was built with <a href="https://github.com/venthur/blag">blag</a>.
      <br>
      Subscribe to the <a href="/atom.xml">atom feed</a>.
      <br>
      Contact me via
        <a rel="me" href="https://mastodon.social/[FIXME]">[FIXME] Mastodon</a> or
        <a href="https://github.com/[FIXME]">[FIXME] Github</a>.
      </p>
    </footer>
  </body>

</html>
