1 files changed, 69 insertions, 0 deletions
diff --git a/src/templates/layout.zmpl b/src/templates/layout.zmpl
new file mode 100644
index 0000000..75cda7e
--- /dev/null
+++ b/src/templates/layout.zmpl
@@ -0,0 +1,69 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="light dark" />
+    <meta name="htmx-config" content='{"refreshOnHistoryMiss":true}'>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Teko:wght@300..700&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.red.min.css" />
+    <script src="https://unpkg.com/htmx.org@2.0.2" integrity="sha384-Y7hw+L/jvKeWIRRkqWYfPcvVxHzVzn5REgzbawhxAuQGwX1XWe70vji+VSeHOThJ" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs/qrcode.min.js"></script>
+    <title>Team Draft</title>
+<style>
+:root {
+    --pico-font-family: "Atkinson Hyperlegible", sans-serif;
+  }
+.logo {
+font-family: "Teko", sans-serif;
+font-optical-sizing: auto;
+font-weight: 300;
+font-style: normal;
+font-size: 40px;
+line-height: 1em;
+color: inherit;
+}
+
+.logo:hover {
+color: inherit;
+text-decoration: none;
+}
+
+.logo span {
+color: indianred;
+}
+body {
+    --pico-font-family: "Atkinson Hyperlegible", sans-serif;
+    --pico-font-weight: 400;
+font-style: normal;
+}
+.sticky, th {
+  position: -webkit-sticky; /* Safari */
+  position: sticky;
+}
+th {
+    top: 1.5em;
+}
+.sticky {
+  top: 0;
+  background-color: var(--pico-background-color);
+  color: var(--pico-color);
+}
+</style>
+  </head>
+  <body hx-boost="true">
+    <main class="container">
+      @partial nav
+    <div>
+        {{zmpl.content}}
+    </div>
+    </main>
+    <script>
+        htmx.config.refreshOnHistoryMiss = true;
+    </script>
+  </body>
+</html>
+