<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta name="viewport" content="initial-scale=1.0" />
    <meta name="author" content="Zed A. Shaw" />
    <meta name="description" content="My Go learning project, which is a Twitch support thing." />
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/style.css">
    <!-- all alpine plugins come first to register into alpine:init event -->
    <script defer src="/js/alpine-intersect.js"></script>
    <!-- then alpine runs, triggers init, and tada you get no-build plugins -->
    <script defer src="/js/alpine.js"></script>
    <script src="/js/code.js"></script>
    <title>ZedShaw.games</title>
  </head>
  <body id="top" data-testid="{{.PageId}}">
  <header>
    <nav>
      <a id="home" href="/">
        <svg xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24">
          <use href="/icons/home.svg#home"><use>
        </svg>
      </a>
      <a id="live" href="/live/">Live</a>
      <a id="stream" href="/stream/">Streams</a>
      <a id="game" href="/game/">Games</a>
      <a id="register" href="/register/">Register</a>
      <a id="login" href="/login/">Login</a>
    </nav>
  </header>

  <main>
    <div class="lg:w-4xl flex flex-col">
    {{embed}}
    </div>
  </main>

  <footer class="!p-4 !pb-20">
    <div class="flex lg:w-4xl">
      <div class="flex-1 p-2">
        <img class="size-12 shrink-0" src="/logo.png" />
        <div>
          <p>I'm the author of many programming education books, a
          semi-professional oil painter, and new game developer.</p>
        </div>
      </div>
      <div class="flex-1 p-2">
        <h3 class="text-3xl">Other Projects</h3>
        <ul>
          <li><a href="https://learncodethehardway.com/">Learn Code the Hard Way</a></li>
          <li><a href="https://lcthw.dev/go/">Go Web Dev</a></li>
          <li><a href="https://lcthw.dev/learn-code-the-hard-way/">Code Projects for Beginners</a></li>
          <li><a href="https://zedshaw.com/blog/">Personal Essays</a></li>
        </ul>
      </div>
    </div>
  </footer>
  </body>
</html>
