rosary: add mystery images with scrollable sticky column and mobile PiP

Browse Source

Add a third grid column for sorrowful mystery images (mocking for
mysteries 2-3, crucifixion for mystery 5). Desktop uses a scrollable
sticky sidebar synced to prayer scroll position. Mobile shows a
floating PiP thumbnail. Extract prayer page PiP logic into reusable
StickyImage component.

...

This commit is contained in:

Alexander Bocken

2026-02-09 08:17:19 +01:00

parent ea6d2cab5c

commit 6433576b28

6 changed files with 494 additions and 247 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

static/glaube/mocking.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 57 KiB

BIN

static/glaube/sorrowful/2-3.mocking.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 29 KiB

BIN

static/glaube/sorrowful/5.crucification.webp Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 46 KiB