Directory: replace the flat list with a chip rail over an artwork grid #7

New Issue

rays · 2026-09-14T13:58:19-07:00

rays commented

2026-09-14 13:58:19 -07:00

Today Directory is one column of rows: thumbnail, title, subscriber count, subscribe button (renderListed and listFeeds). Put the chips in a row above it, with no empty ones, and turn the list into a grid of square cover-art tiles with the title underneath: podcast art is designed to be recognized at a glance, the way the app's iPod-screen styling already leans on imagery.

Build the grid as its own renderer for Directory; listFeeds also fills Popular and the Add a feed dialog, and both should stay rows.
Keep the subscriber count as the small grey line under the title that rows use today, not a .badge: that is already --accent2 and means "unread" in the sidebar, so using it here would put amber on every tile and blur what the badge means.
Keep the subscribe button visible rather than revealing it on hover: the page has no touch handling, and a hover-only button cannot be reached on a phone.
Selecting a chip filters the grid in place, and the active chip gets an --accent2 underline, the colour the download bar and the now-playing EQ already use (amber in Dark and Light, blue in Classic).
No new palette or typeface: reuse --bg, --fg, --accent, --accent2 and the Lucida Grande stack, with no border, shadow or radius beyond what the app already uses.
On a phone the chip row scrolls sideways rather than wrapping, so it never pushes the grid down.

(web/index.html)

Today Directory is one column of rows: thumbnail, title, subscriber count, subscribe button (`renderListed` and `listFeeds`). Put the chips in a row above it, with no empty ones, and turn the list into a grid of square cover-art tiles with the title underneath: podcast art is designed to be recognized at a glance, the way the app's iPod-screen styling already leans on imagery. - Build the grid as its own renderer for Directory; `listFeeds` also fills Popular and the Add a feed dialog, and both should stay rows. - Keep the subscriber count as the small grey line under the title that rows use today, not a `.badge`: that is already `--accent2` and means "unread" in the sidebar, so using it here would put amber on every tile and blur what the badge means. - Keep the subscribe button visible rather than revealing it on hover: the page has no touch handling, and a hover-only button cannot be reached on a phone. - Selecting a chip filters the grid in place, and the active chip gets an `--accent2` underline, the colour the download bar and the now-playing EQ already use (amber in Dark and Light, blue in Classic). - No new palette or typeface: reuse `--bg`, `--fg`, `--accent`, `--accent2` and the Lucida Grande stack, with no border, shadow or radius beyond what the app already uses. - On a phone the chip row scrolls sideways rather than wrapping, so it never pushes the grid down. (`web/index.html`)

rays added a new dependency 2026-09-14 14:03:00 -07:00

#1 Add a feed never loads its Popular list when opened over Directory or Popular

rays added a new dependency 2026-09-14 14:03:00 -07:00

#6 Directory: split the rail by what a feed is before what it is about

rays referenced this issue from a commit

2026-09-15 09:09:50 -07:00

Directory: chips by kind and category over a grid of cover art

rays closed this issue

2026-09-15 09:09:50 -07:00

rays added the enhancement label 2026-09-17 13:33:18 -07:00

Sign in to join this conversation.