From 61d24ae7d85cb447dd1166d02830223b7fe29d70 Mon Sep 17 00:00:00 2001
From: tcpsyn <tcpsyn@gmail.com>
Date: Fri, 14 Aug 2026 03:51:43 -0500
Subject: [PATCH] Style transcript turns and bump style.css cache version
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 tests/test_episode_render.py |  2 +-
 website/404.html             |  2 +-
 website/clips.html           |  2 +-
 website/css/style.css        | 12 +++++++++++-
 website/episode.html         |  2 +-
 website/how-it-works.html    |  2 +-
 website/index.html           |  2 +-
 website/privacy.html         |  2 +-
 website/stats.html           |  2 +-
 website/terms.html           |  2 +-
 website_gen/render.py        |  2 +-
 11 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/tests/test_episode_render.py b/tests/test_episode_render.py
index 5132bed..9076434 100644
--- a/tests/test_episode_render.py
+++ b/tests/test_episode_render.py
@@ -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
 
 
diff --git a/website/404.html b/website/404.html
index ef26cbd..190503a 100644
--- a/website/404.html
+++ b/website/404.html
@@ -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>
diff --git a/website/clips.html b/website/clips.html
index 66acbbc..b3d713a 100644
--- a/website/clips.html
+++ b/website/clips.html
@@ -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>
diff --git a/website/css/style.css b/website/css/style.css
index f053e2c..6b0023b 100644
--- a/website/css/style.css
+++ b/website/css/style.css
@@ -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;
diff --git a/website/episode.html b/website/episode.html
index b25b693..f7637e4 100644
--- a/website/episode.html
+++ b/website/episode.html
@@ -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">
diff --git a/website/how-it-works.html b/website/how-it-works.html
index eebc348..c07f4e8 100644
--- a/website/how-it-works.html
+++ b/website/how-it-works.html
@@ -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">
diff --git a/website/index.html b/website/index.html
index 6d9f4b3..6abcfc1 100644
--- a/website/index.html
+++ b/website/index.html
@@ -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">
diff --git a/website/privacy.html b/website/privacy.html
index 7457284..c78bfd3 100644
--- a/website/privacy.html
+++ b/website/privacy.html
@@ -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>
diff --git a/website/stats.html b/website/stats.html
index dbf031d..832f1d6 100644
--- a/website/stats.html
+++ b/website/stats.html
@@ -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>
diff --git a/website/terms.html b/website/terms.html
index 6d788f8..cc90530 100644
--- a/website/terms.html
+++ b/website/terms.html
@@ -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>
diff --git a/website_gen/render.py b/website_gen/render.py
index 7233bea..1d6207c 100644
--- a/website_gen/render.py
+++ b/website_gen/render.py
@@ -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}