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 name="viewport" content="width=device-width, initial-scale=1.0"/>
7 <meta name="description" content="Social coding, but for real this time!"/>
8 <meta name="htmx-config" content='{"includeIndicatorStyles": false}'>
9
10 <script defer src="/static/htmx.min.js"></script>
11 <script defer src="/static/htmx-ext-ws.min.js"></script>
12
13 <!-- preconnect to image cdn -->
14 <link rel="preconnect" href="https://avatar.tangled.sh" />
15 <link rel="preconnect" href="https://camo.tangled.sh" />
16
17 <!-- preload main font -->
18 <link rel="preload" href="/static/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin />
19
20 <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
21 <title>{{ block "title" . }}{{ end }} · tangled</title>
22 {{ block "extrameta" . }}{{ end }}
23 </head>
24 <body class="min-h-screen grid grid-cols-1 grid-rows-[min-content_auto_min-content] md:grid-cols-10 lg:grid-cols-12 gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
25 {{ block "topbarLayout" . }}
26 <header class="px-1 col-span-1 md:col-start-2 md:col-span-8 lg:col-start-3" style="z-index: 20;">
27
28 {{ if .LoggedInUser }}
29 <div id="upgrade-banner"
30 hx-get="/upgradeBanner"
31 hx-trigger="load"
32 hx-swap="innerHTML">
33 </div>
34 {{ end }}
35 {{ template "layouts/fragments/topbar" . }}
36 </header>
37 {{ end }}
38
39 {{ block "mainLayout" . }}
40 <div class="px-1 col-span-1 md:col-start-2 md:col-span-8 lg:col-start-3 flex flex-col gap-4">
41 {{ block "contentLayout" . }}
42 <main class="col-span-1 md:col-span-8">
43 {{ block "content" . }}{{ end }}
44 </main>
45 {{ end }}
46
47 {{ block "contentAfterLayout" . }}
48 <main class="col-span-1 md:col-span-8">
49 {{ block "contentAfter" . }}{{ end }}
50 </main>
51 {{ end }}
52 </div>
53 {{ end }}
54
55 {{ block "footerLayout" . }}
56 <footer class="px-1 col-span-1 md:col-start-2 md:col-span-8 lg:col-start-3 mt-12">
57 {{ template "layouts/fragments/footer" . }}
58 </footer>
59 {{ end }}
60 </body>
61 </html>
62{{ end }}