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 {{ block "topbarLayout" . }}
19 <div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
20 <div class="{{ layoutSide }}">
21 {{ block "topbarLeft" . }} {{ end }}
22 </div>
23 <header style="z-index: 20" class="{{ layoutCenter }}">
24 {{ block "topbar" . }}
25 {{ template "layouts/topbar" . }}
26 {{ end }}
27 </header>
28 <div class="{{ layoutSide }}">
29 {{ block "topbarRight" . }} {{ end }}
30 </div>
31 </div>
32 {{ end }}
33
34 <div class="flex flex-col min-h-screen">
35 {{ block "contentLayout" . }}
36 <div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
37 <div class="{{ layoutSide }}">
38 {{ block "contentLeft" . }} {{ end }}
39 </div>
40 <main class="{{ layoutCenter }}">
41 {{ block "content" . }}{{ end }}
42 </main>
43 <div class="{{ layoutSide }}">
44 {{ block "contentRight" . }} {{ end }}
45 </div>
46 </div>
47 {{ end }}
48
49 {{ block "contentAfterLayout" . }}
50 <div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
51 <div class="{{ layoutSide }}">
52 {{ block "contentAfterLeft" . }} {{ end }}
53 </div>
54 <main class="px-1 {{ layoutCenter }}">
55 {{ block "contentAfter" . }}{{ end }}
56 </main>
57 <div class="{{ layoutSide }}">
58 {{ block "contentAfterRight" . }} {{ end }}
59 </div>
60 </div>
61 {{ end }}
62 </div>
63
64 {{ block "footerLayout" . }}
65 <div class="px-1 grid grid-cols-1 md:grid-cols-12 gap-2">
66 <div class="{{ layoutSide }}">
67 {{ block "footerLeft" . }} {{ end }}
68 </div>
69 <footer class="mt-16 {{ layoutCenter }}">
70 {{ block "footer" . }}
71 {{ template "layouts/footer" . }}
72 {{ end }}
73 </footer>
74 <div class="{{ layoutSide }}">
75 {{ block "footerRight" . }} {{ end }}
76 </div>
77 </div>
78 {{ end }}
79
80 </body>
81 </html>
82{{ end }}