forked from tangled.org/core
Monorepo for Tangled — https://tangled.org

basic footer

anirudh.fi 84f33e91 4acc6ed2

verified
Changed files
+25 -13
appview
pages
templates
+18 -13
appview/pages/templates/layouts/base.html
···
<link href="/static/tw.css" rel="stylesheet" type="text/css" />
<title>{{ block "title" . }}tangled{{ end }}</title>
</head>
-
<body>
-
<header>
-
{{ block "topbar" . }}
-
{{ template "layouts/topbar" . }}
-
{{ end }}
-
</header>
-
<div class="container mx-auto px-1">
-
<main class="content">{{ block "content" . }}{{ end }}</main>
-
<script src="/static/lucide.min.js"></script>
-
<script>
-
lucide.createIcons();
-
</script>
-
</div>
+
<body class="min-h-screen flex flex-col justify-between">
+
<header>
+
{{ block "topbar" . }}
+
{{ template "layouts/topbar" . }}
+
{{ end }}
+
</header>
+
<div class="container mx-auto px-1 flex-grow">
+
<main class="content">{{ block "content" . }}{{ end }}</main>
+
<script src="/static/lucide.min.js"></script>
+
<script>
+
lucide.createIcons();
+
</script>
+
</div>
+
<footer class="mt-16 ">
+
{{ block "footer" . }}
+
{{ template "layouts/footer" . }}
+
{{ end }}
+
</footer>
</body>
</html>
{{ end }}
+7
appview/pages/templates/layouts/footer.html
···
+
{{ define "layouts/footer" }}
+
<div class="w-full p-4 bg-gray-50">
+
<div class="container mx-auto text-center text-gray-600 text-sm">
+
tangled
+
</div>
+
</div>
+
{{ end }}