<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>$title$</title>

    <link rel="stylesheet" type="text/css" href="/css/default.css" />

    <!-- lazily load code and KaTeX css -->
    <link rel="stylesheet" type="text/css" href="/css/katex.min.css" media="disabled" onload="this.media='all'" />
    <link rel="stylesheet" type="text/css" href="/css/code.css"      media="disabled" onload="this.media='all'" />

    <!-- fallback for noscript users -->
    <noscript>
      <link rel="stylesheet" type="text/css" href="/css/katex.min.css" />
      <link rel="stylesheet" type="text/css" href="/css/code.css" />
    </noscript>

    <link rel="apple-touch-icon" sizes="180x180"    href="/static/icon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/icon/favicon-16x16.png">

    <link rel="alternate" type="application/rss+xml" href="/feed.xml" title="Blog feed for abby.how" />

    <meta property="og:type"  content="website">
    <meta property="og:title" content="$title$">
    <meta name="title"        content="$title$">

    <noscript>
      <style> .script { display: none } </style>
    </noscript>
  </head>

  <body>
    <header>
      <div id="header">
        <div id="logo">
          <a href="/">Home</a>
        </div>
        <nav>
          <div id="navigation">
            <div class="nav-button"><a href="/pages/contact.html">Contact</a></div>
            <div class="nav-button"><a href="/archive.html">Archive</a></div>
            <div class="nav-button"><a href="/pages/oss.html">Open-Source</a></div>
            <div class="nav-button"><a href="/feed.xml">RSS</a></div>
          </div>
        </nav>
      </div>
    </header>

    <div id="content">
      <h1>$title$</h1>
      $body$
    </div>

    <footer>
      <div id="footer" style="display: flex; justify-content: space-between;">
        <div>
        </div>
        <div>
        This wobsite is proudly powered by
        <a href="https://haskell.org">Haskell</a>.
        Hosted by <a href="https://shamiko.tmpim.pw">a demon</a>.
        </div>
      </div>
    </footer>
  </body>
</html>
