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 name="viewport" content="width=device-width, initial-scale=1.0" />
7 <meta name="htmx-config" content='{"includeIndicatorStyles": false}' />
8 <script src="/static/htmx.min.js"></script>
9 <script src="/static/htmx-ext-ws.min.js"></script>
10 <link
11 rel="stylesheet"
12 href="/static/tw.css?{{ cssContentHash }}"
13 type="text/css" />
14 <title>{{ block "title" . }}{{ end }} · tangled</title>
15 {{ block "extrameta" . }}{{ end }}
16 </head>
17 <body
18 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">
19 {{ block "topbarLayout" . }}
20 <header
21 class="px-1 col-span-1 md:col-start-3 md:col-span-8"
22 style="z-index: 20;">
23 {{ template "layouts/topbar" . }}
24 </header>
25 {{ end }}
26
27 {{ block "mainLayout" . }}
28 <div
29 class="px-1 col-span-1 md:col-start-3 md:col-span-8 flex flex-col gap-4">
30 {{ block "contentLayout" . }}
31 <div class="col-span-1 md:col-span-2">
32 {{ block "contentLeft" . }}{{ end }}
33 </div>
34 <main class="col-span-1 md:col-span-8">
35 {{ block "content" . }}{{ end }}
36 </main>
37 <div class="col-span-1 md:col-span-2">
38 {{ block "contentRight" . }}{{ end }}
39 </div>
40 {{ end }}
41
42 {{ block "contentAfterLayout" . }}
43 <div class="col-span-1 md:col-span-2">
44 {{ block "contentAfterLeft" . }}{{ end }}
45 </div>
46 <main class="col-span-1 md:col-span-8">
47 {{ block "contentAfter" . }}{{ end }}
48 </main>
49 <div class="col-span-1 md:col-span-2">
50 {{ block "contentAfterRight" . }}{{ end }}
51 </div>
52 {{ end }}
53 </div>
54 {{ end }}
55
56 {{ block "footerLayout" . }}
57 <footer class="px-1 col-span-1 md:col-start-3 md:col-span-8 mt-12">
58 {{ template "layouts/footer" . }}
59 </footer>
60 {{ end }}
61 </body>
62 </html>
63{{ end }}