A small collection of places to read, explore, and learn. Follow your curiosity, then open the Markdown to see how each one is made.
01 / A collection
Browse a shelf of books and open the notes inside. Every book begins as a simple Markdown file.
Book notes · Queries · Components
02 / An interactive lesson
Follow a brilliant chess game, one move at a time. Discover how a few well-placed pieces work together.
Annotated moves · Interactive board · Player
03 / A guided exercise
Two identical colors can look different. Make a prediction, remove their surroundings, and try the effect yourself.
One document · Focus · Slides
04 / A playable experiment
Launch a satellite, follow the forces, and discover why an orbit is a fall that keeps missing the ground.
Three.js · Gravity simulation · Focus and Slides
05 / Scroll storytelling
Follow an idea as it becomes a path. Prose enters as you scroll, and a small diagram brings the connections to life.
Markdown Blocks · Literate SVG · Progressive motion
06 / A lesson in looking
Compare three Hokusai prints, look closer at the details, and discover how a crop changes the story.
Image galleries · Captions · Full-size inspection
Take a closer look at the elements behind a learning page. These short references explore the building blocks of the examples above.
- Callouts — make room for a note, a question, or a useful aside.
- Code — share a readable example that others can copy and try.
- Form controls — try native fields, choices, validation, and field states.
- Math — connect logic and mathematical notation with code.
- Tables — bring related ideas together for comparison.
- Themes — explore different ways to present the same material.