small pixel drawing of a pufferfish j3s.sh

templates/layout.html

{{ define "layout" }}
<!doctype html>
<html>
<head>
  <style>
    #main,
    #header,
    aside,
    img {
      max-width: 500px;
      margin: 0 auto;
      padding: 0;
    }

    #header {
      max-width: 500px;
      font-family: monospace;
      text-align: center;
    }

    .grayscale {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
    }
  </style>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{template "title"}}</title>
  <link rel="icon"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22><text y=%2226%22 font-size=%2226%22>🐈‍⬛</text></svg>">
</head>

<body class="grayscale">
  <div id="header">
    <a href="/"><img src="/static/scrombles.png" alt="scrombles the cat"></a>
    <h1>jes shit hell</h1>
    <p>
      <a href="/now.html">now</a>
      <a href="/about.html">about</a>
      <a href="/reviews.html">reviews</a>
      <a href="/thoughts.html">thoughts</a>
      <a href="/tools.html">tools</a>
    </p>
    <p>
      <a href="https://git.j3s.sh">git -></a>
      <a href="https://snap.as/j3s">pics -></a>
      <a href="https://existentialcrisis.sh">existentialcrisis.sh -></a>
    </p>
    <hr>
  </div>
  <div id="main">
    {{ template "body" . }}
  </div>
</body>

</html>
{{ end }}