small pixel drawing of a pufferfish j3s.sh

templates/layout.html

{{ define "layout" }}
<!doctype html>
<html>
<head>
  <style>
  @keyframes lol {
    from{
      transform: rotate(0deg);
    }
    to {
      transform: rotate({{ randomrotationdegrees }}deg);
    }
  }

  #header img {
    animation: lol;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-delay: 5s;
  }
  </style>
  <link rel="stylesheet" href="/static/style.css" type="text/css">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{template "title"}}</title>
  <link rel="alternate" title="Sitewide Atom feed" type="application/atom+xml" href="/feed.atom" />
</head>

<body class="grayscale">
  <div id="header">
    <a href="/"><img src="/static/unnamed-puffy.png" height="111" width="140" alt="pic of an unnamed pufferfish, drawn by rekka bellum of kokorobot.ca and hundred rabbits :3"></a>
    <h2>jes {{ randomheaderphrase }}</h2>
    <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="/creations.html">creations</a>
      <a href="https://git.j3s.sh">git</a>
    </p>
    <hr>
  </div>
  <div id="main">
    {{ template "body" . }}
  </div>
</body>

</html>
{{ end }}