<!DOCTYPE html>

<html lang="en-AU">
<head>
    <title>astolfo.org</title>
    <meta charset="utf-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/bundle.css">
    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
</head>
<body>
    <header>
      <h1 id="wave-text">
        <span style="animation-delay: 0.1s;">a</span><span style="animation-delay: 0.2s;">s</span><span style="animation-delay: 0.3s;">t</span><span style="animation-delay: 0.4s;">o</span><span style="animation-delay: 0.5s;">l</span><span style="animation-delay: 0.6s;">f</span><span style="animation-delay: 0.8s;">o</span><span style="animation-delay: 0.9s;">!</span>
      </h1>
    </header>

    <div style="padding: 2em;">{{ content }}</div>

    <footer>
      <marquee id="footer-scroll" style="font-size: 13vw; width: 50%; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; background-color: var(--accent2); border-radius: var(--rounding)">astolfo.org</marquee>
      <!-- idk put astolfo in a train here, learn pixel art someday -->
      <div>
        <p>all text, html and css licensed under BSD0 unless noted otherwise.</p>
        <hr>
        <p>site build at commit [PUT COMMIT HERE]. <br>source avaliable at <a href="https://git.nijika.astolfo.org/astolfo/astolfo.org">git.nijika.astolfo.org/astolfo/astolfo.org</a></p>
      </div>
    </footer>
</body>
</html>
