97 lines
3.0 KiB
HTML
97 lines
3.0 KiB
HTML
{# Base layout using Tailwind + Flowbite, non-destructive #}
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>{% block title %}{% endblock %} {{ app_name }} </title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
||
<!-- # Tailwind CSS # -->
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='tw.css') }}">
|
||
|
||
{# Your existing CSS stays; we’ll keep only custom tweaks there. #}
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
||
{% block head %}{% endblock %}
|
||
</head>
|
||
|
||
<body class="bg-bg text-gray-200 min-h-screen flex flex-col">
|
||
{# Top Navbar (Flowbite collapse) #}
|
||
<nav class="bg-nav border-b border-gray-800">
|
||
<div class="max-w-7xl mx-auto px-4 py-3">
|
||
<div class="flex items-center justify-between">
|
||
<a href="{{ url_for('main.index') }}" class="text-xl font-bold text-white">
|
||
{{ header }}
|
||
</a>
|
||
|
||
{# Desktop nav #}
|
||
<ul class="hidden md:flex items-center space-x-6 text-sm">
|
||
<li>
|
||
<a href="{{ url_for('main.index') }}">
|
||
Home
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="{{ url_for('roadmap.roadmap_view') }}">
|
||
Roadmap
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="{{ url_for('changelog.view_changelog') }}">
|
||
Changelog
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
{# Mobile toggle #}
|
||
<button data-collapse-toggle="main-menu" type="button"
|
||
class="md:hidden inline-flex items-center p-2 rounded hover:bg-gray-700"
|
||
aria-controls="main-menu" aria-expanded="false">
|
||
<span class="sr-only">Open main menu</span>
|
||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
d="M4 6h16M4 12h16M4 18h16"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
{# Mobile menu #}
|
||
<div class="hidden md:hidden" id="main-menu">
|
||
<ul class="mt-2 space-y-1 text-sm">
|
||
<li>
|
||
<a href="{{ url_for('main.index') }}">
|
||
Home
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="{{ url_for('roadmap.roadmap_view') }}">
|
||
Roadmap
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="{{ url_for('changelog.view_changelog') }}">
|
||
Chnagelog
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
{# Page content wrapper #}
|
||
<main class="flex-1">
|
||
<div class="max-w-7xl mx-auto p-4 md:p-6">
|
||
{% block content %}{% endblock %}
|
||
</div>
|
||
</main>
|
||
|
||
{# Footer #}
|
||
<footer class="bg-nav border-t border-gray-800 text-center p-4">
|
||
<p class="text-sm text-gray-400">{{ footer | safe }}</p>
|
||
</footer>
|
||
|
||
{# Flowbite JS (enables collapse) #}
|
||
<script src="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.js"></script>
|
||
{% block scripts %}{% endblock %}
|
||
</body>
|
||
</html>
|