Radio show website: light mode fix, headshot, motto update

- Fix hero title/tagline/description text invisible in light mode
- Replace ghost button with accent-bordered outline button for contrast
- Add [data-theme="light"] overrides for hero gradients
- Add Mike Swanson headshot (WebP 11KB + JPEG fallback) to about page and home
- Replace SVG placeholders with real photo (circular crop on about, framed on home)
- Update show motto across all locations

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-15 18:04:31 -07:00
parent ee89727662
commit a2b8332770
9 changed files with 84 additions and 64 deletions

View File

@@ -8,7 +8,7 @@ interface Props {
image?: string;
}
const { title, description = 'The Computer Guru Show - Technology: Fun and Simple', image = '/og-image.jpg' } = Astro.props;
const { title, description = 'The Computer Guru Show - Helping you deal with all of your technology needs while treating you like a person in the process.', image = '/og-image.jpg' } = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
---
@@ -97,7 +97,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
<div class="footer-grid">
<div class="footer-brand">
<span class="logo-text">The Computer Guru Show</span>
<p>Technology: Fun and Simple</p>
<p>Helping you deal with all of your technology needs while treating you like a person in the process.</p>
<p class="footer-location">Tucson, Arizona</p>
</div>
<div class="footer-links">