My own copy of Tangled :)
basic footer
+25
-13
+18
-13
appview/pages/templates/layouts/base.html
+18
-13
appview/pages/templates/layouts/base.html
···
11
11
<link href="/static/tw.css" rel="stylesheet" type="text/css" />
12
12
<title>{{ block "title" . }}tangled{{ end }}</title>
13
13
</head>
14
-
<body>
15
-
<header>
16
-
{{ block "topbar" . }}
17
-
{{ template "layouts/topbar" . }}
18
-
{{ end }}
19
-
</header>
20
-
<div class="container mx-auto px-1">
21
-
<main class="content">{{ block "content" . }}{{ end }}</main>
22
-
<script src="/static/lucide.min.js"></script>
23
-
<script>
24
-
lucide.createIcons();
25
-
</script>
26
-
</div>
14
+
<body class="min-h-screen flex flex-col justify-between">
15
+
<header>
16
+
{{ block "topbar" . }}
17
+
{{ template "layouts/topbar" . }}
18
+
{{ end }}
19
+
</header>
20
+
<div class="container mx-auto px-1 flex-grow">
21
+
<main class="content">{{ block "content" . }}{{ end }}</main>
22
+
<script src="/static/lucide.min.js"></script>
23
+
<script>
24
+
lucide.createIcons();
25
+
</script>
26
+
</div>
27
+
<footer class="mt-16 ">
28
+
{{ block "footer" . }}
29
+
{{ template "layouts/footer" . }}
30
+
{{ end }}
31
+
</footer>
27
32
</body>
28
33
</html>
29
34
{{ end }}