Projects › BibleWeb › Themes & Parables › Jesus' Teachings hub
Done

Jesus' Teachings hub

Area: Themes & Parables Milestone: v3

Context

Problem: BibleWeb has three different ways to explore Jesus' teachings — his direct words in the Gospels, his parables, and thematic topics. Users need a single starting point that connects all three.

Solution: A hub page at /teachings that presents three clear pathways: read Jesus' words in context, explore his parables, or browse by theme. It's a navigation page, not a content page.

Not included: Original content or commentary about Jesus' teachings. This is purely a navigation hub linking to existing features.

Functional

A simple landing page with three cards, each linking to a different way to explore Jesus' teachings.

User flow:

  1. User clicks "Jesus' Teachings" in the sidebar
  2. Sees three cards:
    • Words in the Bible → opens Matthew 1 in Jesus Words mode (/read/40/1?jw=1)
    • Parables → opens the parables browser (/parables)
    • Themes & Lessons → opens the theme browser (/themes)
  3. User clicks a card to dive into that exploration path

Edge cases:

  • Page is fully static — no database calls, prerender = true
  • All three destination features must exist for the links to work

UX & Design

Layout: Three large cards stacked vertically, each with:

  • Icon (left side, themed color)
  • Title (bold)
  • Description (1-2 sentences explaining what you'll find)
  • Right arrow (→) indicating navigation

Header: "Jesus' Teachings" with subtitle "Three ways to explore what Jesus said and taught"

Font controls: A-/A+ buttons in the header (reused from other pages)

Technical

Route: /teachings — apps/web/src/routes/(app)/teachings/+page.svelte

  • No +page.server.ts — no server-side data loading
  • +page.ts exports prerender = true (static page)
  • Three hardcoded card links

No database queries. Pure static content.

Files:

  • apps/web/src/routes/(app)/teachings/+page.svelte — the page component

Status

Current: DONE Milestone: v3 Priority: Medium — organizational feature connecting three study tools

History:

  • Added as a navigation improvement to help users discover the parables and themes features
  • No equivalent existed in BibleGame

Dependencies:

  • Requires: Jesus Words mode (DONE), Parables browser (DONE), Theme browser (DONE)

Screenshots

Feature screenshot
← Back to Themes & Parables features