| 1 | # demo-images |
| 2 | |
| 3 | Placeholder artwork for the `image-*` layouts in `templates/single-page/`. |
| 4 | |
| 5 | They are hand-written SVG (1–2 KB each, no external references), so the |
| 6 | layout files render correctly **offline** and stay copy-paste-able. When you |
| 7 | build a real deck, drop your own `.jpg` / `.png` / `.svg` next to the deck's |
| 8 | `index.html` and swap the `src` — nothing else changes, because the framing is |
| 9 | done by `.img-frame` in `assets/base.css`, not by the image itself. |
| 10 | |
| 11 | Aspect ratios are deliberately mixed (16:10, 3:4, 1:1, 21:9) so the layouts |
| 12 | demonstrate that `object-fit: cover` handles whatever you throw at it. |
| 13 |