<html>
  <head>
    <script
      src="https://unpkg.com/htmx.org@2.0.3"
      integrity="sha384-0895/pl2MU10Hqc6jd4RvrthNlDiE9U1tWmX7WRESftEDRosgxNsQG/Ze9YMRzHq"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="/style/monospace.css" />
    <link rel="stylesheet" href="/style/style.css" />
  </head>
  <body style="max-width: 120ch; margin: auto;">
    <header style="display: flex; justify-content: space-between; width: 100%;">
      <h1>sepiatones.xyz</h1>
      <nav>
        <a href="/">about</a>
        <a href="/projects">projects</a>
        <a href="https://git.sepiatones.xyz/sepia">code</a>
        <a
          hx-get="/recent_posts"
          hx-target="#sidebar"
          hx-trigger="click,load"
        >posts</a>
      </nav>
    </header>
    <main id="primary" style="display: flex; justify-content: space-between;">
      {{{content}}}
      <aside id="sidebar"></aside>
    </main>
  </body>
</html>