feat: add base layout template with red navbar and footer

This commit is contained in:
Oliver Hofmann 2026-04-27 08:54:17 +02:00
parent 6c54a823d9
commit d24f9d1651
2 changed files with 49 additions and 0 deletions

0
app/static/.gitkeep Normal file
View File

49
app/templates/base.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}EFI Hub{% endblock %}</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: { 'efi': '#e2001a' }
}
}
}
</script>
</head>
<body class="bg-gray-100 min-h-screen flex flex-col">
<nav class="bg-efi h-14 flex items-center px-8 shrink-0">
<a href="/" class="text-white font-bold text-lg tracking-tight mr-8">
EFI<span class="opacity-70 font-normal">Hub</span>
</a>
{% for item in nav_items %}
<a href="{{ item.url }}"
class="text-white/85 hover:text-white text-sm px-4 h-14 flex items-center border-b-2
{% if item.active %}border-white text-white{% else %}border-transparent{% endif %}">
{{ item.label }}
</a>
{% endfor %}
<div class="ml-auto">
<button class="text-white text-sm px-4 py-1.5 rounded border border-white/40 bg-white/15 hover:bg-white/25">
Anmelden
</button>
</div>
</nav>
<main class="flex-1">
{% block content %}{% endblock %}
</main>
<footer class="bg-gray-100 border-t border-gray-300 px-8 py-3.5 flex items-center justify-between text-xs text-gray-400 shrink-0">
<span class="font-semibold text-gray-500">EFI Hub</span>
<span>Technische Hochschule Nürnberg Georg Simon Ohm · Fakultät EFI</span>
<span>v{{ app_version }}</span>
</footer>
</body>
</html>