1 files changed, 70 insertions, 0 deletions
diff --git a/src/views/layout.mustache b/src/views/layout.mustache
new file mode 100644
index 0000000..614b150
--- /dev/null
+++ b/src/views/layout.mustache
@@ -0,0 +1,70 @@
+<!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" />
+    <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.min.css" />
+    <script src="https://unpkg.com/htmx.org@2.0.0" integrity="sha384-wS5l5IKJBvK6sPTKa2WZ1js3d947pvWXbPJ1OmWfEuxLgeHcEbjUUA5i9V5ZkpCw" crossorigin="anonymous"></script>
+    <title>Team Draft{{#title}} - {{.}} {{/title}}</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" hx-target="#content">
+    <main class="container">
+      <nav>
+        <ul>
+            <li><a href="/" class="logo">team<span>draft</span></a></li>
+        </ul>
+        <ul>
+            <li><a href="/about">about</a></li>
+        </ul>
+    </nav>
+    <div id="content">
+        {{#content}} {{{.}}} {{/content}}
+    </div>
+    </main>
+  </body>
+</html>