this repo has no description
tangled.org
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="bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
18 <div class="px-1">
19 {{ block "topbarLayout" . }}
20 <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
21 <header class="col-span-1 md:col-start-3 md:col-span-8" style="z-index: 20;">
22 {{ template "layouts/topbar" . }}
23 </header>
24 </div>
25 {{ end }}
26 </div>
27
28 <div class="px-1 flex flex-col min-h-screen gap-4">
29 {{ block "contentLayout" . }}
30 <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
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 </div>
41 {{ end }}
42
43 {{ block "contentAfterLayout" . }}
44 <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
45 <div class="col-span-1 md:col-span-2">
46 {{ block "contentAfterLeft" . }} {{ end }}
47 </div>
48 <main class="col-span-1 md:col-span-8">
49 {{ block "contentAfter" . }}{{ end }}
50 </main>
51 <div class="col-span-1 md:col-span-2">
52 {{ block "contentAfterRight" . }} {{ end }}
53 </div>
54 </div>
55 {{ end }}
56 </div>
57
58 <div class="px-1 mt-16">
59 {{ block "footerLayout" . }}
60 <div class="grid grid-cols-1 md:grid-cols-12 gap-4">
61 <footer class="col-span-1 md:col-start-3 md:col-span-8">
62 {{ template "layouts/footer" . }}
63 </footer>
64 </div>
65 {{ end }}
66 </div>
67
68 </body>
69 </html>
70{{ end }}