Selected work / Reading / art
Magnifica Humanitas
A visual reading companion that pairs chapter themes with sacred art, source links and scroll-driven motion.
The idea
An essay read through images.
The original moves through large artwork studies and chapter themes. This selection keeps the opening, Babel and Attention, with the art treated as part of the reading experience.
This is a record of an interpretive companion, not a reproduction or endorsement of its source text. Artwork records and rights need individual review before reuse.
Three selected moments
A closer look.
Move through the selected stills.
01 / Selected moment
The opening
The visual reader opens around the theme of Humanitas.
Open full image ↗
02 / Selected moment
Babel
A tower study introduces the Babel section.
Open full image ↗
03 / Selected moment
Attention
An Annunciation study accompanies the theme of attention.
Open full image ↗Make something of your own
Build your own.
Take the idea into Codex and adapt it to your own subject, sources and audience.
Reconstructed recipe · Not the original prompts
An end-to-end recreation has not been tested.
01BriefDefine the experience
Build a visual reading companion for [TEXT] using chapter themes and source-linked artworks. Inspect the repository and its instructions first, preserve existing work, and ask for the intended audience and available source material. Recreate the interaction idea rather than promising an exact copy of the original. Start with one complete, useful flow.
02IngredientsPrepare sources and assets
Work from a supplied text and authoritative source URL. Paraphrase only within the permitted scope. Select artwork from clearly documented public-domain or licensed collections; preserve artist, title, date, rights statement and source URL.
03InteractionBuild the core flow
Build a readable chapter index and large artwork sections. Add subtle scroll-driven transformations with a fully readable reduced-motion mode. Keep commentary distinct from quotations and preserve source links. Do not fabricate the author’s interpretation or publish personal reflections on their behalf.
04Verify & preserveLeave a working handoff
Use a restrained layout with readable typography and clear navigation. Check the production build, keyboard access, mobile layout, reduced motion, missing assets and network failures. Keep all key information available in HTML. Record what actually passed. Leave source, a lockfile, setup instructions, data provenance and unique assets in a small rebuild kit. Exclude secrets, dependency folders and caches. Capture a few representative moments for a showcase. Do not claim an exact backup or tested regeneration unless a restore was performed.