27 lines
1.2 KiB
Markdown
27 lines
1.2 KiB
Markdown
Story Images
|
|
============
|
|
|
|
Story image paths resolve relative to this directory.
|
|
|
|
Image block markup:
|
|
|
|
```text
|
|
#image[image-name.jpg](landscape)
|
|
#image[image-name.jpg](portrait pause=2)
|
|
#image[image-name.jpg](square lead=1.5)
|
|
```
|
|
|
|
Sizes:
|
|
|
|
- `landscape`/`widescreen`: 16:9, centered, near full page width, height snapped to whole line heights, with half a line of reserved space above and below.
|
|
- `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, with half a line of reserved space above and below.
|
|
|
|
Images are inserted as story blocks, saved in browser history, restored on load/history scrolling, and revealed after the page scrolls to their line-snapped position. Optional `pause=`, `delay=`, `lead=`, or bare seconds such as `2s` delay the next spoken paragraph; the pause is skippable and does not block background TTS preparation.
|
|
|
|
Use browser-friendly formats such as `.jpg`, `.png`, `.webp`, or `.avif`.
|
|
|
|
Use file names that are stable and story-facing, for example `mansion-door-rain.webp` rather than temporary export names.
|
|
|
|
Document third-party source and license information here or next to the file.
|