59b39f10cb
Self-hosted htmx v2.0.10 (no CDN) plus the toast container and CSS this and the following tasks need for in-place sync updates. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
40 lines
1.7 KiB
HTML
40 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}MyWhoosh Garmin Sync{% endblock %}</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16.png">
|
|
<link rel="shortcut icon" href="/static/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<script src="/static/htmx.min.js" defer></script>
|
|
<script src="/static/app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<span class="brand"><img src="/static/logo.png" alt="" class="brand-logo" width="28" height="28">MyWhoosh → Garmin Sync</span>
|
|
<div class="topbar-right">
|
|
<nav>
|
|
{% if request.session.get('admin_authenticated') %}
|
|
<a href="/">Dashboard</a>
|
|
<a href="/system">System</a>
|
|
{% endif %}
|
|
{% if request.session.get('self_service_user_id') %}
|
|
<a href="/account">My Account</a>
|
|
{% endif %}
|
|
</nav>
|
|
{% set next_tick = next_sync_tick(request) %}
|
|
{% if next_tick %}
|
|
<span class="sync-status">Next sync: <time class="next-sync" datetime="{{ next_tick.isoformat() }}" data-utc="{{ next_tick.isoformat() }}">{{ next_tick.strftime('%Y-%m-%d %H:%M UTC') }}</time></span>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
<main class="container">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
<div id="toast-container" class="toast-container"></div>
|
|
</body>
|
|
</html>
|