Components
A printed Bible already solves the problem this website has: how to set a long argument so a reader can find their place in it. It does it with a chapter numeral in the margin, verse numbers down the column, a measured width and hairline apparatus. So sections are chapters, lists are verses, and rules do the work that borders would do badly.
The section opener. A rule across the full width, the numeral in the gutter, the label and heading in the column.
Why it exists
An optional lede sits under the heading and is held to the measure.
What a list is here. Numbered from the margin, separated by hairlines.
A verse with a heading
And another
A statement set apart by a rule, a margin label and type. This is the replacement for the tinted panel with a coloured left bar, which is banned in this project.
Why it matters
A made up verse, said warmly and confidently to someone at their lowest, is a specific kind of harm that an apology afterwards does not undo.
Rule
A tinted panel with a coloured bar down its left edge is the most recognisable tell of generated interface work, and it may not appear anywhere in this project. check-literals.mjs fails the build on it, because a rule with no check is only a preference.
Divided by rules rather than boxed into cards. Gold on a band, ink on the page.
NKJV, BSB and KJV
Every one
Permanently
No tier, ever
The dark ink ground, with gold. Dark in both themes on purpose, because a band that inverted with the theme would put light text on a light ground.
The promise we will not break
So let each one give as he purposes in his heart, not grudgingly or of necessity; for God loves a cheerful giver.
Six variants, three sizes. The only component here that came from shadcn, and it is bound entirely to the token layer.
Every height comes from size.touchTarget, so the smallest button still clears the minimum touch target on a phone.
A phone rendering the real reader interface, built from the product's own tokens, so a mockup cannot show a screen the app could not produce.
24
13Now behold, two of them were traveling that same day to a village called Emmaus, which was seven miles from Jerusalem.
14And they talked together of all these things which had happened.
15So it was, while they conversed and reasoned, that Jesus Himself drew near and went with them.
32And they said to one another, "Did not our heart burn within us while He talked with us on the road, and while He opened the Scriptures to us?"