Files
HeatGuard/web/templates/layout.html
vikingowl a3d2867b40 feat: fix favicon embed, add impress and privacy pages
Include favicon.svg in go:embed directive to fix 404 in production.
Add legal notice (impress) and privacy policy pages with full EN/DE
translations, route handlers, and footer links.
2026-02-11 01:09:56 +01:00

50 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="{{.Lang}}" class="h-full">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{t "app.name"}} — {{.Title}}</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="stylesheet" href="/assets/css/app.css">
<script>
window.HG = { lang: "{{.Lang}}" };
</script>
</head>
<body class="h-full bg-gray-50 text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<nav class="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-14">
<div class="flex items-center gap-6">
<a href="/" class="font-bold text-lg text-orange-600 dark:text-orange-400">{{t "app.name"}}</a>
<div class="flex gap-4 text-sm">
<a href="/" class="hover:text-orange-600 dark:hover:text-orange-400 {{if eq .Page "dashboard"}}text-orange-600 dark:text-orange-400 font-medium{{end}}">{{t "nav.dashboard"}}</a>
<a href="/setup" class="hover:text-orange-600 dark:hover:text-orange-400 {{if eq .Page "setup"}}text-orange-600 dark:text-orange-400 font-medium{{end}}">{{t "nav.setup"}}</a>
<a href="/guide" class="hover:text-orange-600 dark:hover:text-orange-400 {{if eq .Page "guide"}}text-orange-600 dark:text-orange-400 font-medium{{end}}">{{t "nav.guide"}}</a>
</div>
</div>
<div class="flex items-center gap-2 text-sm">
<span class="text-gray-500 dark:text-gray-400">{{t "nav.language"}}:</span>
<a href="?lang=en" class="{{if eq .Lang "en"}}font-bold text-orange-600 dark:text-orange-400{{else}}text-gray-500 dark:text-gray-400 hover:text-orange-600{{end}}">EN</a>
<span class="text-gray-300 dark:text-gray-600">|</span>
<a href="?lang=de" class="{{if eq .Lang "de"}}font-bold text-orange-600 dark:text-orange-400{{else}}text-gray-500 dark:text-gray-400 hover:text-orange-600{{end}}">DE</a>
</div>
</div>
</div>
</nav>
<main class="max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-8 py-6">
{{block "content" .}}{{end}}
</main>
<footer class="border-t border-gray-200 dark:border-gray-700 mt-12 py-4">
<div class="mx-auto px-4 sm:px-6 lg:px-8 text-center text-xs text-gray-400 dark:text-gray-500 space-y-1">
<div>{{t "app.name"}} v1.0.0 — {{t "app.tagline"}}</div>
<div><a href="https://somegit.dev/vikingowl/HeatGuard" class="hover:text-orange-600 dark:hover:text-orange-400" target="_blank" rel="noopener">{{t "footer.source"}}</a> · {{t "footer.license"}} · <a href="/impress" class="hover:text-orange-600 dark:hover:text-orange-400">{{t "footer.impress"}}</a> · <a href="/privacy" class="hover:text-orange-600 dark:hover:text-orange-400">{{t "footer.privacy"}}</a></div>
<div>{{t "footer.betterventCredit"}} <a href="https://bettervent.me" class="hover:text-orange-600 dark:hover:text-orange-400" target="_blank" rel="noopener">bettervent.me</a></div>
</div>
</footer>
{{block "scripts" .}}{{end}}
</body>
</html>