nate/Siteforge
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add clickable host bios linking to host detail pages on Nuggets; v2.0.21
Publish Container / docker (push) Has been cancelled
Details

Browse Source 
Each host card on /nuggets now links to /nuggets/hosts/:hostId showing
the host's full photo, bio, and listen links. Archived hosts return a
graceful "not found" page with a back link.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-09-16 07:32:18 -04:00
1 parent 4607532440
commit b35605f411
4 files changed
+86 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.css
+18
View File
@@ -9890,6 +9890,24 @@
.nuggets-host-card-name { font-family: var(--brand-font-heading); font-size: 1.05rem; color: #e8d9b5; margin: 0; }
.nuggets-host-card-role { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--brand-gold); opacity: 0.85; margin: 0.2rem 0 0; }
.nuggets-host-card-bio { font-size: 0.875rem; color: var(--brand-muted); line-height: 1.6; margin: 0.875rem 0 0; }
.nuggets-host-card--link { text-decoration: none; cursor: pointer; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; }
.nuggets-host-card--link:hover { border-color: rgba(201, 168, 76, 0.45); box-shadow: 0 4px 18px rgba(0,0,0,0.28); transform: translateY(-2px); }
.nuggets-host-card--link .nuggets-host-card-name { color: #e8d9b5; }
.nuggets-host-card-cta { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--brand-gold); margin: 0.9rem 0 0; opacity: 0.75; transition: opacity 0.15s; }
.nuggets-host-card--link:hover .nuggets-host-card-cta { opacity: 1; }
.nuggets-host-detail-layout { display: grid; grid-template-columns: 240px 1fr; gap: 3.5rem; align-items: start; padding-top: 0.5rem; }
.nuggets-host-detail-photo-col { display: flex; justify-content: center; }
.nuggets-host-detail-photo { width: 200px; height: 200px; object-fit: cover; border-radius: 50%; border: 3px solid rgba(201, 168, 76, 0.35); box-shadow: 0 6px 24px rgba(0,0,0,0.35); }
.nuggets-host-detail-bio { font-size: 1.05rem; color: var(--brand-muted); line-height: 1.7; margin: 0 0 1.5rem; }
.nuggets-host-detail-listen { margin-top: 1.5rem; }
.nuggets-host-detail-back { font-size: 0.875rem; color: var(--brand-gold); text-decoration: none; opacity: 0.8; transition: opacity 0.15s; }
.nuggets-host-detail-back:hover { opacity: 1; }
@media (max-width: 640px) {
.nuggets-host-detail-layout { grid-template-columns: 1fr; gap: 2rem; }
.nuggets-host-detail-photo { width: 140px; height: 140px; }
}
.nuggets-episodes-note { color: var(--brand-muted); margin-top: 1.5rem; }
.nuggets-latest-episode { background: rgba(26, 26, 21, 0.9); border: 1px solid rgba(201, 168, 76, 0.25); border-radius: 12px; padding: 1.5rem 1.75rem; margin-top: 1.5rem; }