66 lines
2.7 KiB
HTML
66 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{% block title %}Calorie Tracker{% endblock %}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="min-h-screen bg-gradient-to-br from-slate-100 via-white to-cyan-100 text-slate-900">
|
|
<main class="mx-auto max-w-6xl px-4 py-8 sm:px-6 lg:px-8">
|
|
<nav class="mb-6 rounded-2xl border border-slate-200/80 bg-white/80 p-2 shadow-sm backdrop-blur">
|
|
<div class="flex flex-wrap items-center justify-between gap-2">
|
|
<div class="flex gap-2">
|
|
<a
|
|
href="/"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "calendar" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Calendar
|
|
</a>
|
|
<a
|
|
href="/reports"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "reports" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Reports
|
|
</a>
|
|
<a
|
|
href="/planning"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "planning" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Planning
|
|
</a>
|
|
<a
|
|
href="/profile"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "profile" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Profile
|
|
</a>
|
|
<a
|
|
href="/subscribe"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "subscribe" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Subscribe
|
|
</a>
|
|
<a
|
|
href="/inbox"
|
|
class="rounded-lg px-4 py-2 text-sm font-semibold {% if self.active_tab() == "inbox" %}bg-slate-900 text-white{% else %}text-slate-700 hover:bg-slate-100{% endif %}"
|
|
>
|
|
Inbox
|
|
</a>
|
|
</div>
|
|
<form method="post" action="/logout">
|
|
<button
|
|
type="submit"
|
|
class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-100"
|
|
>
|
|
Sign Out
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|