blog-page.template.html

<!doctype html>
<html lang="en">
  <head>
    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-LXT6DETMYL"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());

      gtag('config', 'G-LXT6DETMYL');
    </script>
    <title>{{title}}</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="{{description}}" />
    <link href="/output.css" rel="stylesheet" />
    <link href="/highlight.css" rel="stylesheet" />
  </head>
  <body>
    <header class="auto-margin">
      <a href="/"><h1 class="text-2xl font-bold">l8a.dev</h1></a>
      <p class="text-sm text-gray-500">
        Programming-related ideas and writings.
      </p>
    </header>
    <hr />
    <main class="blog-page auto-margin">{{content}}</main>
    <footer class="flex gap-4 justify-center py-4">
      <a
        class="flex gap-1 items-center"
        href="https://github.com/LukeGeneva"
        target="_blank"
        ><img
          width="30"
          height="30"
          src="/images/github.png"
          alt="GitHub - Luke Geneva"
        />LukeGeneva</a
      >
      <a
        class="flex gap-1 items-center"
        href="https://twitter.com/GenevaLuke"
        target="_blank"
        ><img
          width="30"
          height="30"
          src="/images/x.png"
          alt="X - Luke Geneva"
        />@GenevaLuke</a
      >
    </footer>
  </body>
</html>