Apply new frontend theme

Full style rewrite (holographic/chrome dark theme) plus matching favicon,
authored externally and dropped in at /home/andrew/alembic-theme. Verified
every template's variable names, form field names, and action URLs match
the actual data each router passes before importing -- all matched exactly
with zero router/service changes needed. Validated all templates parse
(Jinja2 env.get_template over the full tree) and confirmed the live
container serves the new theme after rebuild+redeploy.
This commit is contained in:
andrew
2026-07-08 15:01:39 -06:00
parent a1f5bbb121
commit ee21251f3e
13 changed files with 927 additions and 346 deletions
+41 -22
View File
@@ -1,30 +1,49 @@
{% extends "base.html" %}
{% block title %}Dashboard — alembic{% endblock %}
{% block content %}
<h1>Dashboard</h1>
<p class="muted">Logged in as {{ user.name or user.email }}.</p>
<div class="page-header">
<div>
<h1>Welcome back, {{ user.name or user.email }}</h1>
<p class="subtitle muted">Distilling Spotify playlists into a tuned, tagged library.</p>
</div>
<div class="actions">
<a class="btn btn-primary" href="/playlists">Manage playlists</a>
</div>
</div>
<h2>At a glance</h2>
<ul>
<li>{{ stats.total_tracks }} tracks in the beets library{% if not stats.db_exists %} <span class="muted">(beets DB not found)</span>{% endif %}</li>
<li>{{ active_playlist_count }} / {{ playlist_count }} playlists active — <a href="/playlists">manage</a></li>
</ul>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-value chrome-text">{{ stats.total_tracks }}</div>
<div class="stat-label">Tracks in library{% if not stats.db_exists %} <span class="muted">(beets db not found)</span>{% endif %}</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ active_playlist_count }}<span class="muted"> / {{ playlist_count }}</span></div>
<div class="stat-label">Playlists active</div>
</div>
<div class="stat-card">
<div class="stat-value">{{ stats.groupings | length }}</div>
<div class="stat-label">Distinct groupings</div>
</div>
</div>
<h2>Recent job runs</h2>
<table>
<thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th></tr></thead>
<tbody>
{% for run in recent_runs %}
<tr>
<td>{{ run.job_key }}</td>
<td>{{ run.status }}</td>
<td class="muted">{{ run.triggered_by }}</td>
<td>{{ run.summary or "" }}</td>
</tr>
{% else %}
<tr><td colspan="4" class="muted">No job runs yet.</td></tr>
{% endfor %}
</tbody>
</table>
<div class="table-wrap scroll">
<table>
<thead><tr><th>Job</th><th>Status</th><th>Triggered by</th><th>Summary</th></tr></thead>
<tbody>
{% set status_badge = {"running": "badge-info badge-pulse", "success": "badge-success", "failed": "badge-danger", "skipped_lock": "badge-muted"} %}
{% for run in recent_runs %}
<tr>
<td>{{ run.job_key }}</td>
<td><span class="badge {{ status_badge.get(run.status, 'badge-muted') }}">{{ run.status }}</span></td>
<td class="muted">{{ run.triggered_by }}</td>
<td>{{ run.summary or "—" }}</td>
</tr>
{% else %}
<tr class="empty-row"><td colspan="4" class="muted">No job runs yet.</td></tr>
{% endfor %}
</tbody>
</table>
</div>
<p><a href="/jobs">See all jobs &rarr;</a></p>
{% endblock %}