homepage

Alexander/homepage

Fork 0

Commit Graph

Author	SHA1	Message	Date
Alexander	23e9bfec08	rosary: add mystery images with scrollable sticky column and mobile PiP 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.	2026-02-09 08:47:53 +01:00
Alexander	bd0dc70380	ablassgebete: add prayer page with sticky crucifix and draggable PiP - Add AblassGebete component and crucifix images - Desktop: sticky crucifix on right, centered prayer with balanced spacing - Mobile: draggable picture-in-picture thumbnail that snaps to corners - Double-tap to enlarge/shrink with directional animation - Monolingual sections override bilingual grey styling - 404 for English route /faith/prayers/ablassgebete (German only) - Reposition on window resize including desktop/mobile breakpoint crossing	2026-02-08 22:13:23 +01:00
Alexander	72d924cc7c	rosary: reduce bundle size and improve responsive layout Remove redundant CSS already handled by Prayer.svelte, drop unused rosenkranz.css import, and replace inline BenedictusMedal component (34KB, ~52 DOM elements) with a static SVG referenced via <image>. Use fluid sidebar width (clamp) for smoother desktop/mobile transition.	2026-02-03 20:51:32 +01:00

Author

SHA1

Message

Date

Alexander

23e9bfec08

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

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.

2026-02-09 08:47:53 +01:00

Alexander

bd0dc70380

ablassgebete: add prayer page with sticky crucifix and draggable PiP

- Add AblassGebete component and crucifix images
- Desktop: sticky crucifix on right, centered prayer with balanced spacing
- Mobile: draggable picture-in-picture thumbnail that snaps to corners
- Double-tap to enlarge/shrink with directional animation
- Monolingual sections override bilingual grey styling
- 404 for English route /faith/prayers/ablassgebete (German only)
- Reposition on window resize including desktop/mobile breakpoint crossing

2026-02-08 22:13:23 +01:00

Alexander

72d924cc7c

rosary: reduce bundle size and improve responsive layout

Remove redundant CSS already handled by Prayer.svelte, drop unused
rosenkranz.css import, and replace inline BenedictusMedal component
(34KB, ~52 DOM elements) with a static SVG referenced via <image>.
Use fluid sidebar width (clamp) for smoother desktop/mobile transition.

2026-02-03 20:51:32 +01:00

3 Commits