1{{ define "layouts/base" }}
2 <!doctype html>
3 <html lang="en" class="dark:bg-gray-900">
4 <head>
5 <meta charset="UTF-8" />
6 <meta
7 name="viewport"
8 content="width=device-width, initial-scale=1.0"
9 />
10 <script src="/static/htmx.min.js"></script>
11 <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
12 <title>{{ block "title" . }}{{ end }} · tangled</title>
13 {{ block "extrameta" . }}{{ end }}
14 </head>
15 <body class="bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
16 <div class="container mx-auto px-1 md:pt-4 min-h-screen flex flex-col">
17 <header style="z-index: 20">
18 {{ block "topbar" . }}
19 {{ template "layouts/topbar" . }}
20 {{ end }}
21 </header>
22 <main class="content grow">{{ block "content" . }}{{ end }}</main>
23 <footer class="mt-16">
24 {{ block "footer" . }}
25 {{ template "layouts/footer" . }}
26 {{ end }}
27 </footer>
28 </div>
29 </body>
30 </html>
31{{ end }}