How holynova/concept-atlas works
Concept Atlas is a static, bilingual-described gallery of 60 illustrated concept explainers. The visitor workflow is to browse or search the collection, filter by category, open a full-resolution poster, consult its explanatory copy and source, then copy text or download PNGs. The README documents these capabilities; the sampled implementation excerpt covers content generation, not the browser runtime. Accordingly, the app and download features are represented from the file tree and README, while their internal call relationships are not asserted.
Main entry points: app.js Concept gallery · source Concept manifests · build-sports-cinema-manifest.mjs Sports and cinema concepts · build-manifest-31.mjs Concepts 31–40
Components 12
Visitor experience
- Concept gallery
dist/app.js - PNG bundle download
dist/zip-store.js
Concept content
- Concept records
dist/concepts.json - Poster images
dist/assets/posters - Gallery thumbnails
dist/assets/thumbs - Reading images
dist/assets/detail - Explanatory copy
dist/captions.md - Concept manifests
source
Content authoring
- Sports and cinema concepts
source/build-sports-cinema-manifest.mjs - Concepts 31–40
source/build-manifest-31.mjs - Concepts 51–60
source/create-51-manifest.py
Other components
- Visitor
Connections 10
- Visitor → Concept gallery: browses
README.md - Concept gallery → Concept records: presents records
- Concept gallery → Gallery thumbnails: shows previews
- Concept gallery → Reading images: opens full-size
- Concept gallery → Explanatory copy: offers copy
- Concept gallery → Poster images: offers originals
- Visitor → PNG bundle download: downloads PNGs
README.md - Sports and cinema concepts → Concept manifests: writes entries
source/build-sports-cinema-manifest.mjs - Concepts 31–40 → Concept manifests: writes entries
source/build-manifest-31.mjs - Concepts 51–60 → Concept manifests: writes entries
source/create-51-manifest.py