56c032a63f
All checks were successful
check / check (push) Successful in 1m13s
- Remove all Bootstrap CSS/JS references from templates - Add Tailwind CSS v4 with Material Design inspired theme (input.css) - Compile tailwind.css with standalone CLI (committed to repo) - Vendor Alpine.js 3.14.9 for reactive UI components - Rewrite base.html to match µPaaS layout structure - Rewrite htmlheader.html with Tailwind CSS link - Rewrite navbar.html with Alpine.js mobile menu toggle - Convert index.html to Tailwind utility classes - Convert login.html to Tailwind utility classes - Convert profile.html to Tailwind utility classes - Add make css target for Tailwind compilation - Add footer template with project links closes #4
33 lines
1.0 KiB
HTML
33 lines
1.0 KiB
HTML
{{define "base"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{{template "htmlheader" .}}
|
|
</head>
|
|
<body class="bg-gray-50 min-h-screen flex flex-col">
|
|
<div class="flex-grow">
|
|
{{template "navbar" .}}
|
|
{{block "content" .}}{{end}}
|
|
</div>
|
|
{{template "footer" .}}
|
|
<script defer src="/s/js/alpine.min.js"></script>
|
|
<script src="/s/js/app.js"></script>
|
|
{{block "scripts" .}}{{end}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|
|
|
|
{{define "footer"}}
|
|
<footer class="bg-gray-100 border-t border-gray-200 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] mt-8">
|
|
<div class="max-w-6xl mx-auto px-8 py-6">
|
|
<div class="text-center text-sm text-gray-500 font-mono font-light">
|
|
<a href="https://git.eeqj.de/sneak/webhooker" class="hover:text-gray-700">Webhooker</a>
|
|
<span class="mx-1">by</span>
|
|
<a href="https://sneak.berlin" class="hover:text-gray-700">@sneak</a>
|
|
<span class="mx-3">|</span>
|
|
<span>{{if .Version}}{{.Version}}{{else}}dev{{end}}</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{{end}}
|