andrew
fa86e992ad
- init_db applies each schema file with executescript (semicolons in triggers and string literals no longer break it) and records schema_version itself after each file, so a forgotten in-file bump can't re-run an ALTER and crash startup. Re-running is a no-op. - On startup, sweep any job_runs left in 'running' (killed by a restart) to 'interrupted' so the UI/history don't show a run stuck running forever. - prep-audio.sh skips loudgain and cue_file cleanly when they aren't installed (they aren't in the base image) instead of failing on a missing binary and logging errors; pipeline-status.sh routes syslog through a guard so a missing `logger` doesn't spew into the job log. - Add a branded 404 page (rendered to static HTML, no external runtime) via a custom exception handler that leaves all other responses, including the login redirect, untouched. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
86 lines
9.0 KiB
HTML
86 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Not found — alembic</title>
|
|
<link rel="icon" type="image/svg+xml" href="/static/icon.svg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500&display=swap" rel="stylesheet" />
|
|
<style>
|
|
@keyframes drift { from { transform: translate(0, 0) scale(1); } to { transform: translate(3vw, 4vw) scale(1.08); } }
|
|
@keyframes shimmer { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
|
|
@keyframes twinkle { 0%, 100% { opacity: 0.15; transform: scale(0.8) rotate(0deg); } 50% { opacity: 0.7; transform: scale(1.05) rotate(8deg); } }
|
|
body { margin: 0; }
|
|
.page-404::before {
|
|
content:''; position:fixed; inset:0; z-index:999; pointer-events:none; opacity:0.035; mix-blend-mode:overlay;
|
|
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-404" style="margin:0; min-height:100vh; font-family:'Manrope','Segoe UI',system-ui,sans-serif; background:#08090d; color:#eef0f7; line-height:1.55; position:relative; overflow-x:hidden;">
|
|
|
|
<div style="position:fixed; width:42vw; height:42vw; top:-14vw; left:-10vw; border-radius:50%; filter:blur(110px); opacity:0.28; pointer-events:none; z-index:0; mix-blend-mode:screen; background:radial-gradient(circle, #a78bfa, transparent 70%); animation:drift 26s ease-in-out infinite alternate;"></div>
|
|
<div style="position:fixed; width:38vw; height:38vw; bottom:-16vw; right:-8vw; border-radius:50%; filter:blur(110px); opacity:0.28; pointer-events:none; z-index:0; mix-blend-mode:screen; background:radial-gradient(circle, #67e8f9, transparent 70%); animation:drift 26s ease-in-out infinite alternate; animation-delay:-8s;"></div>
|
|
<div style="position:fixed; width:30vw; height:30vw; top:30vh; right:20vw; border-radius:50%; filter:blur(110px); opacity:0.16; pointer-events:none; z-index:0; mix-blend-mode:screen; background:radial-gradient(circle, #f9a8d4, transparent 70%); animation:drift 26s ease-in-out infinite alternate; animation-delay:-16s;"></div>
|
|
|
|
<header style="position:sticky; top:0; z-index:50; background:rgba(8,9,13,0.72); backdrop-filter:blur(18px) saturate(140%); border-bottom:1px solid rgba(255,255,255,0.09);">
|
|
<div style="max-width:1180px; margin:0 auto; padding:0.85rem 1.5rem; display:flex; align-items:center; gap:1.75rem;">
|
|
<a href="/" style="display:inline-flex; align-items:center; gap:0.55rem; font-family:'Space Grotesk','Segoe UI',system-ui,sans-serif; font-weight:700; font-size:1.2rem; color:#eef0f7; text-decoration:none; flex-shrink:0;">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" style="flex-shrink:0; filter:drop-shadow(0 0 10px rgba(167,139,250,0.45));">
|
|
<defs>
|
|
<linearGradient id="brandGrad" x1="0" y1="0" x2="24" y2="24">
|
|
<stop offset="0%" stop-color="#7dd3fc"></stop>
|
|
<stop offset="50%" stop-color="#a78bfa"></stop>
|
|
<stop offset="100%" stop-color="#f9a8d4"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
<path fill="url(#brandGrad)" d="M9 2.5h6v5.2l4.3 8.6a2.6 2.6 0 0 1-2.33 3.76H7.03A2.6 2.6 0 0 1 4.7 16.3L9 7.7V2.5z"></path>
|
|
<path d="M9 2.5h6M8.2 8.6h7.6" stroke="#08090d" stroke-width="0.9" stroke-linecap="round" opacity="0.35"></path>
|
|
</svg>
|
|
<span style="background:linear-gradient(115deg, #7dd3fc 0%, #a78bfa 32%, #f9a8d4 58%, #67e8f9 82%, #7dd3fc 100%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:shimmer 9s ease-in-out infinite alternate;">Alembic</span>
|
|
</a>
|
|
<nav style="display:flex; align-items:center; gap:0.15rem; flex:1; overflow-x:auto;">
|
|
<a href="/" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Dashboard</a>
|
|
<a href="/playlists" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Playlists</a>
|
|
<a href="/library" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Library</a>
|
|
<a href="/dedup" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Dedup</a>
|
|
<a href="/genres" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Genres</a>
|
|
<a href="/import" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Import</a>
|
|
<a href="/settings/credentials" style="color:#9799ac; font-size:0.88rem; font-weight:600; padding:0.45rem 0.85rem; border-radius:999px; white-space:nowrap; text-decoration:none;">Settings</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main style="max-width:1180px; margin:0 auto; padding:2.5rem 1.5rem 5rem; position:relative; z-index:1; min-height:calc(100vh - 68px); display:flex; align-items:center; justify-content:center;">
|
|
<div style="text-align:center; max-width:640px; position:relative; padding:1rem 1.5rem;">
|
|
|
|
<svg width="16" height="16" viewBox="0 0 24 24" style="position:absolute; top:-6px; left:8%; opacity:0.6; animation:twinkle 3.2s ease-in-out infinite;">
|
|
<path fill="#c9c4fa" d="M12 0c.6 5.7 1.8 8.6 4.2 10.6 2.4 2 5.3 2.6 7.8 3.4-2.5.8-5.4 1.4-7.8 3.4-2.4 2-3.6 4.9-4.2 10.6-.6-5.7-1.8-8.6-4.2-10.6C5.4 15.4 2.5 14.8 0 14c2.5-.8 5.4-1.4 7.8-3.4C10.2 8.6 11.4 5.7 12 0Z"></path>
|
|
</svg>
|
|
<svg width="20" height="20" viewBox="0 0 24 24" style="position:absolute; top:40px; right:6%; opacity:0.45; animation:twinkle 3.2s ease-in-out infinite; animation-delay:-1.4s;">
|
|
<path fill="#c9c4fa" d="M12 0c.6 5.7 1.8 8.6 4.2 10.6 2.4 2 5.3 2.6 7.8 3.4-2.5.8-5.4 1.4-7.8 3.4-2.4 2-3.6 4.9-4.2 10.6-.6-5.7-1.8-8.6-4.2-10.6C5.4 15.4 2.5 14.8 0 14c2.5-.8 5.4-1.4 7.8-3.4C10.2 8.6 11.4 5.7 12 0Z"></path>
|
|
</svg>
|
|
<svg width="12" height="12" viewBox="0 0 24 24" style="position:absolute; bottom:10px; left:20%; opacity:0.4; animation:twinkle 3.2s ease-in-out infinite; animation-delay:-2.2s;">
|
|
<path fill="#c9c4fa" d="M12 0c.6 5.7 1.8 8.6 4.2 10.6 2.4 2 5.3 2.6 7.8 3.4-2.5.8-5.4 1.4-7.8 3.4-2.4 2-3.6 4.9-4.2 10.6-.6-5.7-1.8-8.6-4.2-10.6C5.4 15.4 2.5 14.8 0 14c2.5-.8 5.4-1.4 7.8-3.4C10.2 8.6 11.4 5.7 12 0Z"></path>
|
|
</svg>
|
|
|
|
<div style="font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.14em; color:#6d6f83; margin-bottom:0.75rem;">Error 404 · No signal</div>
|
|
|
|
<div style="font-family:'Space Grotesk','Segoe UI',system-ui,sans-serif; font-weight:700; font-size:clamp(5rem, 15vw, 8.5rem); line-height:1; letter-spacing:-0.02em; background:linear-gradient(115deg, #7dd3fc 0%, #a78bfa 32%, #f9a8d4 58%, #67e8f9 82%, #7dd3fc 100%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:shimmer 9s ease-in-out infinite alternate; margin-bottom:0.25rem;">404</div>
|
|
|
|
<h1 style="font-family:'Space Grotesk','Segoe UI',system-ui,sans-serif; font-weight:600; letter-spacing:-0.01em; margin:0 0 0.6rem; color:#eef0f7; font-size:clamp(1.4rem, 2.4vw, 1.8rem);">This track didn't survive distillation.</h1>
|
|
<p style="margin:0 0 2rem; color:#9799ac; font-size:0.98rem;">Nothing's left in the flask at this address — it may have evaporated, moved, or never existed.</p>
|
|
|
|
<div style="display:flex; gap:0.6rem; flex-wrap:wrap; align-items:center; justify-content:center;">
|
|
<a href="/" style="display:inline-flex; align-items:center; justify-content:center; gap:0.4rem; font-family:inherit; font-weight:700; font-size:0.9rem; padding:0.65rem 1.3rem; border-radius:999px; border:none; color:#08090d; background:linear-gradient(115deg, #7dd3fc 0%, #a78bfa 32%, #f9a8d4 58%, #67e8f9 82%, #7dd3fc 100%); background-size:220% auto; box-shadow:0 10px 30px -12px rgba(167,139,250,0.6); text-decoration:none; cursor:pointer;">Back to dashboard</a>
|
|
<a href="/playlists" style="display:inline-flex; align-items:center; justify-content:center; gap:0.4rem; font-family:inherit; font-weight:700; font-size:0.9rem; padding:0.65rem 1.3rem; border-radius:999px; border:1px solid rgba(255,255,255,0.16); background:rgba(255,255,255,0.035); color:#eef0f7; text-decoration:none; cursor:pointer;">View playlists</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|