luke/ai-podcast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update color scheme to match new cover art and bust image cache

Browse Source 
Warm rustic bar palette (dark wood browns, orange neon accent, cream
text) replacing the previous navy/pink theme. Added ?v=2 to all
cover art URLs to force new image.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
tcpsyn
2026-02-06 13:04:38 -07:00
parent e6b9401848
commit e979c4151d
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/css/style.css
View File

@@ -1,10 +1,11 @@
:root { :root {
--bg: #1a1a2e; --bg: #1a1209;
--bg-light: #252547; --bg-light: #2a2015;
--accent: #e94560; --accent: #e8791d;
--accent-hover: #ff6b81; --accent-hover: #f59a4a;
--text: #f0f0f0; --accent-red: #cc2222;
--text-muted: #888; --text: #f5f0e5;
--text-muted: #9a8b78;
--radius: 12px; --radius: 12px;
--radius-sm: 8px; --radius-sm: 8px;
} }
@@ -51,7 +52,7 @@ a:hover {
width: 220px; width: 220px;
height: 220px; height: 220px;
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: 0 8px 32px rgba(233, 69, 96, 0.3); box-shadow: 0 8px 32px rgba(232, 121, 29, 0.35);
object-fit: cover; object-fit: cover;
} }
@@ -167,7 +168,7 @@ a:hover {
} }
.episode-card:hover { .episode-card:hover {
background: #2d2d55; background: #352a1c;
} }
.episode-play-btn { .episode-play-btn {
@@ -242,7 +243,7 @@ a:hover {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background: #16162b; background: #150f06;
border-top: 1px solid #333; border-top: 1px solid #333;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
display: none; display: none;
@@ -337,7 +338,7 @@ a:hover {
text-align: center; text-align: center;
color: var(--text-muted); color: var(--text-muted);
font-size: 0.85rem; font-size: 0.85rem;
border-top: 1px solid #252547; border-top: 1px solid #2a2015;
} }
.footer-links { .footer-links {

8
website/index.html
View File

@@ -9,16 +9,16 @@
<!-- OG / Social --> <!-- OG / Social -->
<meta property="og:title" content="Luke at the Roost"> <meta property="og:title" content="Luke at the Roost">
<meta property="og:description" content="The ONLY radio show where Luke gives AI life advice. Call in: 208-439-LUKE"> <meta property="og:description" content="The ONLY radio show where Luke gives AI life advice. Call in: 208-439-LUKE">
<meta property="og:image" content="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png"> <meta property="og:image" content="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png?v=2">
<meta property="og:url" content="https://lukeattheroost.com"> <meta property="og:url" content="https://lukeattheroost.com">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Luke at the Roost"> <meta name="twitter:title" content="Luke at the Roost">
<meta name="twitter:description" content="The ONLY radio show where Luke gives AI life advice. Call in: 208-439-LUKE"> <meta name="twitter:description" content="The ONLY radio show where Luke gives AI life advice. Call in: 208-439-LUKE">
<meta name="twitter:image" content="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png"> <meta name="twitter:image" content="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png?v=2">
<!-- Favicon --> <!-- Favicon -->
<link rel="icon" type="image/png" href="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png"> <link rel="icon" type="image/png" href="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png?v=2">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
@@ -29,7 +29,7 @@
<div class="hero-inner"> <div class="hero-inner">
<img <img
class="cover-art" class="cover-art"
src="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png" src="https://podcast.macneilmediagroup.com/media/podcasts/LukeAtTheRoost/cover_feed.png?v=2"
alt="Luke at the Roost cover art" alt="Luke at the Roost cover art"
> >
<div class="hero-info"> <div class="hero-info">