<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>$title$</title>
    <meta name="author" content="$author$">
    <meta name="description" content="$description$">
    <meta name="keywords" content="$keywords$">
    <link rel="stylesheet" href="/css/y.css"/>
    <link rel="alternate" type="application/rss+xml" href="/rss.xml" />
    <link rel="icon" href="/favicon.ico">
    <meta name="theme-color" media="(prefers-color-scheme: light)"
          content=$if(lightbk)$"$lightbk$"$else$"#d84100"$endif$>
    <meta name="theme-color" media="(prefers-color-scheme: dark)"
          content=$if(darkbk)$"$darkbk$"$else$"#2E3440"$endif$>
    $header-includes$
  </head>
  <body>
    <div class="main">
        <div id="logo">
          <a href="/">
            <svg width="5em" viewBox="0 0 64 64">
              <circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="1" fill="#2E3440"></circle>
              <circle cx="32" cy="32" r="12" stroke="#800" stroke-width="1" fill="#c20"></circle>
              <circle cx="32" cy="32" r="5" stroke-width="1" stroke="#f60" fill="#fa0"></circle>
              <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="#FFF"></ellipse>
            </svg>
          </a>
        </div>
      <div id="preamble" class="status">
        <div class="content">
          <h1>$title$</h1>
          <div class="meta">
            <span class="yyydate">$date$</span> on
            <a href="https://her.esy.fun">
              <span class="author">$author$</span>'s blog</a>
          </div>
          <div class="abstract">
$description$
          </div>
        </div>
      </div>
      <div id="content">
$if(toc)$<div id="toc">$table-of-contents$</div>$endif$
$body$
      </div>
      <div id="postamble" class="status">
        <div class="content">
          <nav>
            <a href="/index.html">Home</a> |
            <a href="/slides.html">Slides</a> |
            <a href="/about-me.html">About</a>
            <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
              <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
              <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span> |
            <a href="#logo">↑ Top ↑</a>
          </nav>
        </div>
      </div>
    </div>
  </body>
</html>
