Style transcript turns and bump style.css cache version

The renderer emits .transcript-turn and .transcript-speaker, neither of which
had any CSS, so speaker labels and turns rendered unstyled. Extends the
existing .speaker-label rule rather than duplicating it.

Bumps style.css to v=7 everywhere — the file changed, and pages referenced a
mix of v=5 and v=6, so some visitors would have kept a cached copy without the
new rules.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-14 03:52:06 -05:00
co-authored by Claude Opus 5
parent 56a6a2dfbe
commit 61d24ae7d8
11 changed files with 21 additions and 11 deletions
+1 -1
View File
@@ -102,7 +102,7 @@ def test_all_asset_paths_are_root_absolute(sample_episode):
html = render_episode_page(sample_episode, turns=[])
assert 'href="css/' not in html
assert 'src="js/' not in html
assert 'href="/css/style.css?v=6"' in html
assert re.search(r'href="/css/style\.css\?v=\d+"', html)
assert 'src="/js/footer.js"' in html
+1 -1
View File
@@ -15,7 +15,7 @@
<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=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
+1 -1
View File
@@ -39,7 +39,7 @@
</script>
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
+11 -1
View File
@@ -1536,13 +1536,23 @@ a:hover {
margin-bottom: 1.25rem;
}
.speaker-label {
.speaker-label,
.transcript-speaker {
font-weight: 700;
color: var(--accent);
font-size: 0.85rem;
letter-spacing: 0.03em;
}
/* Static episode pages render one block per speaker turn. */
.transcript-turn {
margin-bottom: 1.25rem;
}
.transcript-turn p {
margin: 0.2rem 0 0;
}
.transcript-unavailable {
color: var(--text-muted);
font-style: italic;
+1 -1
View File
@@ -30,7 +30,7 @@
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<!-- Structured Data (dynamically updated by JS) -->
<script type="application/ld+json" id="episode-jsonld">
+1 -1
View File
@@ -28,7 +28,7 @@
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<!-- Structured Data -->
<script type="application/ld+json">
+1 -1
View File
@@ -31,7 +31,7 @@
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
<link rel="stylesheet" href="css/style.css?v=6">
<link rel="stylesheet" href="css/style.css?v=7">
<!-- Structured Data -->
<script type="application/ld+json">
+1 -1
View File
@@ -33,7 +33,7 @@
<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=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
+1 -1
View File
@@ -39,7 +39,7 @@
</script>
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="https://podcast.macneilmediagroup.com/@LukeAtTheRoost/feed.xml">
<link rel="stylesheet" href="css/style.css?v=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
+1 -1
View File
@@ -33,7 +33,7 @@
<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=5">
<link rel="stylesheet" href="css/style.css?v=7">
<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>
+1 -1
View File
@@ -37,7 +37,7 @@ PAGE = """<!DOCTYPE html>
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="alternate" type="application/rss+xml" title="Luke at the Roost RSS Feed" href="{feed}">
<link rel="stylesheet" href="/css/style.css?v=6">
<link rel="stylesheet" href="/css/style.css?v=7">
<script type="application/ld+json">
{schema}