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

Episodes + Finished Books redesign: current-series hero, searchable episode browser with series chips, shared episode rows; finished-books library with search, testament/sort filters, featured card, episode counts and badges; v2.31.0

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-13 07:47:56 -04:00
1 parent 03f46ae683
commit f1577e9d8a
4 files changed
+295 -59
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/App.css
+42
View File
@@ -13786,3 +13786,45 @@ a.study-track-card:hover {
.si-verse-btn { margin-left: 0; }
}
/* ── Episodes hub & Finished Books library ── */
.ep-hero {
display: grid;
grid-template-columns: 220px 1fr;
grid-template-areas: "art body" "player player";
gap: 1.5rem 2rem;
align-items: center;
max-width: 1000px;
}
.ep-hero-art { grid-area: art; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; border: 1px solid rgba(201, 168, 76, 0.25); }
.ep-hero-body { grid-area: body; }
.ep-hero-player { grid-area: player; }
.ep-hero-title { font-family: var(--brand-font-heading); font-size: 1.7rem; color: #e8d9b5; margin: 0.2rem 0 0.6rem; }
.ep-hero-desc { color: var(--brand-muted); line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.section-episode-browser { padding: 3rem 0 2rem; }
.ep-season-chips { margin: 0 0 1.25rem; }
.ep-season-link { margin: -0.5rem 0 1rem; font-size: 0.9rem; }
.ep-season-link a { color: var(--brand-gold); text-decoration: none; }
.section-episode-headliner { padding: 0 0 3rem; }
.finished-books-toolbar { display: flex; flex-direction: column; gap: 0.9rem; margin-bottom: 0.5rem; }
.finished-books-toolbar .finished-series-filter { margin: 0; }
.finished-book-card-facts { font-size: 0.82rem; color: var(--brand-gold); opacity: 0.85; margin: 0; }
.finished-book-card-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.6rem; }
.finished-book-badge { font-size: 0.72rem; letter-spacing: 0.04em; padding: 0.15rem 0.6rem; border: 1px solid rgba(201, 168, 76, 0.3); border-radius: 999px; color: var(--brand-muted); }
.finished-book-card--featured { grid-column: 1 / -1; flex-direction: row; }
.finished-book-card--featured .finished-book-card-img-wrap { flex: 0 0 280px; }
.finished-book-card--featured .finished-book-card-img { height: 100%; aspect-ratio: auto; }
.finished-book-card--featured .finished-book-card-body { justify-content: center; padding: 1.5rem 1.8rem; }
.finished-book-card--featured .finished-book-card-title { font-size: 1.8rem; }
@media (max-width: 640px) {
.ep-hero { grid-template-columns: 96px 1fr; gap: 1rem; }
.ep-hero-title { font-size: 1.3rem; }
.ep-hero-desc { -webkit-line-clamp: 3; font-size: 0.9rem; }
.ep-season-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 0.2rem; }
.finished-book-card--featured { flex-direction: column; }
.finished-book-card--featured .finished-book-card-img-wrap { flex-basis: auto; }
.finished-book-card--featured .finished-book-card-img { aspect-ratio: 16 / 9; height: auto; }
}
.ep-hero-player { margin-bottom: 0.5rem; }