<!DOCTYPE html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>
      {%- if title -%}
        {{ title }} | halfway to infinity
      {%- else -%}
        halfway to infinity: an almost blog about almost nothing
      {%- endif -%}
    </title>

    <link rel="alternate" href="/atom.xml" type="application/atom+xml" />
    <link rel="stylesheet" href="/css/fonts.css" type="text/css" />
    <link rel="stylesheet" href="/css/prism.css" type="text/css" />
    <link rel="stylesheet" href="/css/master.css" type="text/css" />
    <link rel="icon" href="/img/favicon.png" type="image/png" />
  </head>

  <body>
    <a href="#main-start" class="skip-link">Skip to the main content</a>

    <header id="main-header">
      <a id="header-top" href="/">
        <h1 id="title-heading">
          halfway to infinity<span id="title-heading-colon">:</span
          ><span id="title-subheading"
            >&ensp;an almost blog about almost nothing</span
          >
        </h1>
        <img
          alt=""
          decoding="async"
          width="256"
          height="256"
          src="/img/hwti.svg"
          class="has-transparency"
        />
      </a>
      <nav id="header-nav">
        <ul>
          <li><a {% if curr == "latest" %}aria-current="page"{% endif %} href="/latest/">latest posts</a></li>
          <li><a {% if curr == "tags" %}aria-current="page"{% endif %} href="/tag/">tags</a></li>
          <li><a {% if curr == "series" %}aria-current="page"{% endif %} href="/series/">series</a></li>
          <li><a {% if curr == "glossary" %}aria-current="page"{% endif %} href="/glossary/">glossary</a></li>
          <li><a href="/atom.xml">Atom feed</a></li>
        </ul>
      </nav>
    </header>
    {% block postheader %}
      <main class="lonely-main">
        <div id="main-inner">
          <span id="start"></span><span id="main-start"></span>
          {{- content | safe -}}
        </div>
      </main>
    {% endblock %}
    <div id="back-to-top">
      <a aria-label="go back to the beginning" href="#start">&uarr;</a>
    </div>

    {% if not noendnotes %}
      <script async type="module" src="/js/en.js"></script>
      <script async type="module" src="/js/viewer.js"></script>
      <script async type="module" src="/js/main.js"></script>
    {% endif %}
  </body>
</html>
