feat: add base layout template with red navbar and footer
This commit is contained in:
parent
6c54a823d9
commit
d24f9d1651
0
app/static/.gitkeep
Normal file
0
app/static/.gitkeep
Normal file
49
app/templates/base.html
Normal file
49
app/templates/base.html
Normal 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>
|
||||
Loading…
x
Reference in New Issue
Block a user