Add ink integration UI and media playback

2026-05-15 21:23:46 +02:00
parent 44dc64f830
commit f2e786d5bc
89 changed files with 6561 additions and 556 deletions
@@ -6,14 +6,15 @@ Story image paths resolve relative to this directory.
 Image block markup:

 ```text
-::image[widescreen](image-name.jpg)
-::image[portrait](image-name.jpg)
+#image[image-name.jpg](landscape)
+#image[image-name.jpg](portrait)
 ```

 Sizes:

- `widescreen`: exactly 100% of the page width and 50% of the page height.
- `portrait`: exactly 100% of the page width and 100% of the page height.
+- `landscape`/`widescreen`: 16:9, centered, near full page width, height snapped to whole line heights.
+- `portrait`: 16:9, half page width, height snapped to whole line heights, with following prose flowing beside it.
+- `square`: 1:1, centered, near full page width, height snapped to whole line heights.

 Image markup is parsed and queued by the story markup system, but final image rendering is still future work. Keep assets ready for that renderer by using browser-friendly formats such as `.jpg`, `.png`, `.webp`, or `.avif`.