this repo has no description
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 <meta name="htmx-config" content='{"includeIndicatorStyles": false}'>
11 <script src="/static/htmx.min.js"></script>
12 <script src="/static/htmx-ext-ws.min.js"></script>
13 <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
14 <title>{{ block "title" . }}{{ end }} · tangled</title>
15 {{ block "extrameta" . }}{{ end }}
16 </head>
17 <body class="min-h-screen grid grid-cols-1 grid-rows-[min-content_auto_min-content] md:grid-cols-12 gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
18 {{ block "topbarLayout" . }}
19 <header class="px-1 col-span-1 md:col-start-3 md:col-span-8" style="z-index: 20;">
20 {{ template "layouts/topbar" . }}
21 </header>
22 {{ end }}
23
24 {{ block "mainLayout" . }}
25 <div class="px-1 col-span-1 md:col-start-3 md:col-span-8 flex flex-col gap-4">
26 {{ block "contentLayout" . }}
27 <div class="col-span-1 md:col-span-2">
28 {{ block "contentLeft" . }} {{ end }}
29 </div>
30 <main class="col-span-1 md:col-span-8">
31 {{ block "content" . }}{{ end }}
32 </main>
33 <div class="col-span-1 md:col-span-2">
34 {{ block "contentRight" . }} {{ end }}
35 </div>
36 {{ end }}
37
38 {{ block "contentAfterLayout" . }}
39 <div class="col-span-1 md:col-span-2">
40 {{ block "contentAfterLeft" . }} {{ end }}
41 </div>
42 <main class="col-span-1 md:col-span-8">
43 {{ block "contentAfter" . }}{{ end }}
44 </main>
45 <div class="col-span-1 md:col-span-2">
46 {{ block "contentAfterRight" . }} {{ end }}
47 </div>
48 {{ end }}
49 </div>
50 {{ end }}
51
52 {{ block "footerLayout" . }}
53 <footer class="px-1 col-span-1 md:col-start-3 md:col-span-8 mt-12">
54 {{ template "layouts/footer" . }}
55 </footer>
56 {{ end }}
57 </body>
58 </html>
59{{ end }}