# BibleJoy — Astra mockups

Open `index.html` in a browser. No build step or network connection is needed.

- `home-light.html`, `home-dark.html`: responsive home pages.
- `reader-light.html`, `reader-dark.html`: responsive Luke 20:9–19 reader.
- `biblejoy.css`: shared design tokens, layout, typography, and responsive styles.
- `biblejoy.js`: local prototype interactions (filters, search, story dialog, reading modes, save controls, text size, and browser speech).
- `content.js`: the 2,660 passage references from the supplied manifest.
- `assets/fonts/`: local Inter and Lora fonts with their OFL licenses.
- `screenshots/`: actual browser captures at desktop 1440 × 960 and mobile 390 × 1000; supplementary full-page captures show the entire documents.
- `compare.html`: the five references beside the rendered website.

## Content

All KJV words are from `~/Projects/explained-bible-library/en/story/1.7/luk-091/source.txt`. Jesus’ direct speech is red; the narrator and crowd remain neutral, including the changes within verses 9, 16, and 17.

The full explanation is from `~/Projects/explained-bible-library/en/deep/2.13/luk-091/default.md`. Mobile context excerpts are drawn from that same page. The full Genesis story in the home dialog is from `~/Projects/explained-bible-library/en/story/1.7/gen-009/page.md`. Passage references are from the supplied `manifest.tsv`.

These are local design mockups. Save/read state lasts for the open page. Only the supplied Luke and Genesis content is linked in the passage browser; the remainder is a catalogue preview. Listen uses the browser’s speech synthesis, with voice availability depending on the browser. Audio times and Linda’s reading state are sample UI data.

The source reference images are linked read-only from `../reference/`.