Pericope list browser
Context
Problem: The four Gospels tell the same story from different perspectives. Readers studying a specific event (e.g., the Crucifixion, the Feeding of the Five Thousand) need to find where each Gospel covers it and compare the accounts.
Solution: A browseable list of Gospel pericopes (passages/events) at /parallel. Each pericope represents a narrative unit that may appear in one or more Gospels. Clicking a pericope opens the side-by-side comparison view.
Not included: Non-Gospel pericopes or Old Testament parallel passages. This is specifically for the four Gospels (Matthew, Mark, Luke, John).
Functional
User flow:
- User navigates to
/parallel(via sidebar → "Parallel Gospel Reader") - Sees a scrollable list of pericopes (narrative events) with titles and descriptions
- Each card shows: title (bold), 1-2 sentence description, right arrow
- Click a card → navigates to
/parallel/[id]showing side-by-side Gospel columns - List includes both narrative pericopes and parables
Edge cases:
- List ordered by
sequence_number(roughly following the Gospel narrative order) - Pericopes with
category = 'parable'also appear here (shared with the Parables browser) - Font size controls (A-/A+) available on the page
- Tier-gated:
parallelGospel(Pro+)
UX & Design
Layout: Vertical card list with generous spacing.
Cards: Title (bold, dark), description (muted, 1-2 lines), right arrow chevron. Subtle hover effect.
Header: "Parallel Gospel Reader" with subtitle "Select a passage to compare across the Gospels"
Technical
Route: /parallel — +page.server.ts calls getPericopes()
DB table: pericopes — id, title, description, sequence_number, category
Query: getPericopes() — fetches all rows ordered by sequence_number
i18n: getPericopeTitle(englishTitle, lang) and getPericopeDescription(...) for Dutch translations
Tier gate: TierGate feature="parallelGospel"
Files:
apps/web/src/routes/(app)/parallel/+page.svelte++page.server.tsapps/web/src/lib/server/queries/pericopes.ts—getPericopes()
Status
Current: DONE Milestone: v2 Priority: High — entry point to the parallel Gospel study experience
History:
- BibleGame had a similar pericope list
- Web version adds descriptions and i18n support
Dependencies:
- Requires: pericopes data (DONE)
- Used by: side-by-side view (DONE), parables browser (DONE, shares pericope data)
Screenshots
