<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/assets/main.bundle.css" />
    <link
      rel="stylesheet"
      href="https://unpkg.com/prismjs@1.20.0/themes/prism-okaidia.css"
    />

    <script src="/assets/main.bundle.js" defer></script>
    <title>{{ title }}</title>
  </head>
  <body class="flex flex-col min-h-screen">
    {% include 'header.njk' %}
    <main class="container flex-grow py-8">
      {{ content | safe }}
    </main>
    {% include 'footer.njk' %}
  </body>
</html>
