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 <!-- favicon/web manifest -->
11 <link rel="icon" href="/favicon.ico" sizes="48x48"/>
12 <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml"/>
13 <link rel="apple-touch-icon" href="/static/apple-touch-icon.png"/>
14
15 <script defer src="/static/htmx.min.js"></script>
16 <script defer src="/static/htmx-ext-ws.min.js"></script>
17 <script defer src="/static/actor-typeahead.js" type="module"></script>
18
19 <!-- preconnect to image cdn -->
20 <link rel="preconnect" href="https://avatar.tangled.sh" />
21 <link rel="preconnect" href="https://camo.tangled.sh" />
22
23 <!-- web app manifest -->
24 <link rel="manifest" href="/manifest.webmanifest" />
25
26 <!-- preload main font -->
27 <link rel="preload" href="/static/fonts/InterVariable.woff2" as="font" type="font/woff2" crossorigin />
28
29 <link rel="stylesheet" href="/static/tw.css?{{ cssContentHash }}" type="text/css" />
30 <title>{{ block "title" . }}{{ end }} · tangled</title>
31 {{ block "extrameta" . }}{{ end }}
32 </head>
33 <body class="min-h-screen flex flex-col gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
34 {{ block "topbarLayout" . }}
35 <header class="w-full col-span-full md:col-span-1 md:col-start-2" style="z-index: 20;">
36
37 {{ if .LoggedInUser }}
38 <div id="upgrade-banner"
39 hx-get="/upgradeBanner"
40 hx-trigger="load"
41 hx-swap="innerHTML">
42 </div>
43 {{ end }}
44 {{ template "layouts/fragments/topbar" . }}
45 </header>
46 {{ end }}
47
48 {{ block "mainLayout" . }}
49 <div class="flex-grow">
50 <div class="max-w-screen-lg mx-auto flex flex-col gap-4">
51 {{ block "contentLayout" . }}
52 <main>
53 {{ block "content" . }}{{ end }}
54 </main>
55 {{ end }}
56
57 {{ block "contentAfterLayout" . }}
58 <main>
59 {{ block "contentAfter" . }}{{ end }}
60 </main>
61 {{ end }}
62 </div>
63 </div>
64 {{ end }}
65
66 {{ block "footerLayout" . }}
67 <footer class="mt-12">
68 {{ template "layouts/fragments/footer" . }}
69 </footer>
70 {{ end }}
71 </body>
72 </html>
73{{ end }}