forked from tangled.org/core
Monorepo for Tangled

basic footer

anirudh.fi 84f33e91 4acc6ed2

verified
Changed files
+25 -13
appview
pages
templates
+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 }}
+7
appview/pages/templates/layouts/footer.html
··· 1 + {{ define "layouts/footer" }} 2 + <div class="w-full p-4 bg-gray-50"> 3 + <div class="container mx-auto text-center text-gray-600 text-sm"> 4 + tangled 5 + </div> 6 + </div> 7 + {{ end }}