Drop images into the matching folder — thumbnails appear automatically
How to load your images
Keep this file (index.html) next to an images folder with three subfolders: rendering-styles, scene-modules, collections — matching the structure already in your GitHub repo.
Drop a file into the matching folder using the exact filename shown under each card's placeholder (e.g. images/rendering-styles/art-deco-poster.[jpg|jpeg|png|webp|gif|bmp|avif]). The thumbnail will replace the placeholder the next time you refresh the page.
To add a new item (a new scene, style, or collection), scroll to the bottom of this file and add one line to the matching list in the <script> section — just a name, the rest is generated for you.
This same file structure is designed to be reusable later for the public Collections page — once you're happy with a set of images here, they can be pointed to from the site build directly.