34 lines
1.2 kB
1
{{ define "layouts/base" }}
2
<!doctype html>
3
<html lang="en">
4
<head>
5
<meta charset="UTF-8" />
6
<meta
7
name="viewport"
8
content="width=device-width, initial-scale=1.0"
9
/>
10
<script src="/static/htmx.min.js"></script>
11
<link href="/static/tw.css" rel="stylesheet" type="text/css" />
12
<title>{{ block "title" . }}{{ end }} · tangled</title>
13
</head>
14
<body class="bg-slate-100">
15
<div class="container mx-auto px-1 pt-4 min-h-screen flex flex-col">
16
<header style="z-index: 5">
17
{{ block "topbar" . }}
18
{{ template "layouts/topbar" . }}
19
{{ end }}
20
</header>
21
<main class="content grow">{{ block "content" . }}{{ end }}</main>
22
<footer class="mt-16">
23
{{ block "footer" . }}
24
{{ template "layouts/footer" . }}
25
{{ end }}
26
</footer>
27
<script src="/static/lucide.min.js"></script>
28
<script>
29
lucide.createIcons();
30
</script>
31
</div>
32
</body>
33
</html>
34
{{ end }}
35