CSS (style.css): - §1: Add unified naming aliases (--terminal-green, --bg-primary, etc.) - §2: Upgrade borders: modal 1px→3px double, btn/btn-sm/inputs 1px→2px - §3: Add [ ] bracket decorations to .btn classes; primary keeps > prefix; hover lift -1px→-2px; padding 6px 14px→5px 12px - §4: Fix glow definitions from 2-layer rgba to 3-layer solid stack - §5: Section headers now symmetric ╠═══ TITLE ═══╣ (was one-sided) - §6+§7: Modal border 3px double, corners ┌┐→╔╗, add glow shadow - §11: Nav active state now amber tint (was green); hover remains green - §15: Scanline opacity 0.13→0.15; flicker delay 45s→30s JS (app.js): - §18: Replace custom showToast() with lt.toast.* delegate wrapper Templates (base.html): - Load base.css and base.js (symlinked from web_template) - Add lt-boot overlay for boot sequence animation (§13) README: Remove completed pending convergence items Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}GANDALF{% endblock %}</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='base.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
<body>
|
|
<div id="lt-boot" class="lt-boot-overlay" data-app-name="GANDALF" style="display:none">
|
|
<pre id="lt-boot-text" class="lt-boot-text"></pre>
|
|
</div>
|
|
<header class="header">
|
|
<div class="header-left">
|
|
<div class="header-brand">
|
|
<span class="header-title">GANDALF</span>
|
|
<span class="header-sub">Network Monitor // LotusGuild</span>
|
|
</div>
|
|
<nav class="header-nav">
|
|
<a href="{{ url_for('index') }}"
|
|
class="nav-link {% if request.endpoint == 'index' %}active{% endif %}">
|
|
Dashboard
|
|
</a>
|
|
<a href="{{ url_for('links_page') }}"
|
|
class="nav-link {% if request.endpoint == 'links_page' %}active{% endif %}">
|
|
Link Debug
|
|
</a>
|
|
<a href="{{ url_for('inspector') }}"
|
|
class="nav-link {% if request.endpoint == 'inspector' %}active{% endif %}">
|
|
Inspector
|
|
</a>
|
|
<a href="{{ url_for('suppressions_page') }}"
|
|
class="nav-link {% if request.endpoint == 'suppressions_page' %}active{% endif %}">
|
|
Suppressions
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
<div class="header-right">
|
|
<span class="header-user">{{ user.name or user.username }}</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<script>
|
|
const GANDALF_CONFIG = {
|
|
ticket_web_url: "{{ config.get('ticket_api', {}).get('web_url', 'http://t.lotusguild.org/ticket/') }}"
|
|
};
|
|
</script>
|
|
<script src="{{ url_for('static', filename='base.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|