lukeandClaude Opus 5
821b78aa74
The player, transcript and nav sections had no width constraint at all, so they ran edge to edge while .page-header above them sat in the site's usual 900px centred container. - Transcript now sits in a 680px centred column at 1.05rem/1.7, which holds the measure near 75 characters per line; 900px runs past 90, which is tiring over a full transcript. Gutters are 1.5rem, tightening to 1.15rem under 600px - Player bar is centred at max-width 640px instead of stretching the column, and goes full width on phones - Bumped the stylesheet cache-buster to v=8 and regenerated all 58 episode pages so existing transcripts pick the styles up Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
53 lines
1.9 KiB
HTML
53 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Page Not Found — Luke at the Roost</title>
|
|
<meta name="description" content="The page you're looking for doesn't exist.">
|
|
<meta name="theme-color" content="#1a1209">
|
|
|
|
<link rel="icon" href="favicon.ico" sizes="48x48">
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="favicon-192.png">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="favicon-48.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
|
|
<link rel="stylesheet" href="css/style.css?v=8">
|
|
<script defer data-domain="lukeattheroost.com" data-api="/p/event" src="/p/script"></script>
|
|
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
|
</head>
|
|
<body>
|
|
|
|
<a href="#main-content" class="skip-link">Skip to content</a>
|
|
|
|
<nav class="site-nav">
|
|
<a href="/" class="site-nav-brand">Luke at the Roost</a>
|
|
<div class="site-nav-links">
|
|
<a href="/how-it-works">How It Works</a>
|
|
<a href="/clips">Clips</a>
|
|
<a href="/stats">Stats</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<main id="main-content">
|
|
|
|
<section class="page-header">
|
|
<h1>404 — Page Not Found</h1>
|
|
<p class="page-subtitle">Looks like this page wandered off into the desert.</p>
|
|
</section>
|
|
|
|
<section class="about-section">
|
|
<p>The page you're looking for doesn't exist or may have been moved.</p>
|
|
<p><a href="/">Back to the show</a> · <a href="/clips">Watch clips</a> · <a href="/how-it-works">How it works</a></p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="footer"></footer>
|
|
<script src="js/footer.js"></script>
|
|
</body>
|
|
</html>
|