<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>$title$</title>
        <link rel="stylesheet" href="/css/fonts.css" />
        <link rel="stylesheet" href="/css/theme.css" />
        <link rel="stylesheet" href="/css/syntax.css" />
  </head>
    <body>
      <header>
        <div class="header">
          <div id="title"><a href="/">BINARY STROLLS</a></div>
          <div id="nav"><a href="/archive.html">Archive</a>⬦<a href="https://dbalan.in">About</a></div>
        </div>
      </header>
        <section>
          $body$
        </section>
        <hr id="footerdiv">
        <footer>
          <p>
            <a href="https://git.sr.ht/~dbalan/blogng">Source Code</a> -
            <a href="https://jaspervdj.be/hakyll/"> built with hakyll</a> -
            <a href="/atom.xml"> Atom Feed</a>
          </p>
	  <a href="https://creativecommons.org/licenses/by-nc/4.0/"><img src="/images/cc-by-nc.svg"></a>
          <p>
              Want to become a better programmer? <a href="https://www.recurse.com/scout/click?t=7fa4273c56d752484c0e30d3fbb0d52a">Join the Recurse Center!</a>
          </p>
        </footer>
    </body>
    </body>
</html>
