<!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/fonts.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/fonts.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 amelia.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="logo">
        <a href="/">amelia.how</a>
      </div>
      <nav>
        <a href="/pages/contact.html">Contact</a>
        <a href="/archive.html">Archive</a>
        <a href="/pages/oss.html">OSS</a>
        <a href="/feed.xml">RSS</a>
      </nav>
    </header>

    <main>
      <div id="title">
        <h1>$title$</h1>
        $if(subtitle)$
          <div id=subtitle-container>
            <h2>$subtitle$</h2>
          </div>
        $endif$
      </div>
      $body$
    </main>
  </body>

  <svg width="0" height="0">
    <clipPath id="squircle" clipPathUnits="objectBoundingBox">
      <path
        fill="red"
        stroke="none"
        d="M 0,0.5 C 0,0 0,0 0.5,0 S 1,0 1,0.5 1,1 0.5,1 0,1 0,0.5"
      />
    </clipPath>
  </svg>
</html>
