The Atlas — every page here, at once
Everything on this site, as one graph.
Every page here is a list of something. This is all of those lists at once: the systems, the tools, the experiments, the books, the films, the skills and the years, as one graph that rearranges itself. Six ways of looking at the same set of things — by area, by what connects to what, by when. Nothing is invented for the picture; if it is on this page, it is already somewhere else on this site.
Every node in the graph, as a list.
Systems
Every part on the board
config/board.json · 10
Tools
Things shipped with a front door
config/products.json · 4
Lab
Interface experiments, in the open
app/Views/pages/lab.php · 16
- Hover edge light Light & surface
- Split reveal Light & surface
- Flip clock Time & motion
- Clock of clocks Time & motion
- Mouse trailer Time & motion
- Cursive signature Type & ink
- Liquid glass lens Light & surface
- Particle portrait Type & ink
- Text scramble Type & ink
- Magnetic grid Data & space
- Live SQL visualizer Data & space
- Fuzzy search palette Data & space
- Scroll storytelling Data & space
- 3D tilt cards Light & surface
- Gooey blobs Time & motion
- Infinite canvas Data & space
Shelf Life
Books that stuck
config/books.json · 10
- Deep Work Cal Newport
- Atomic Habits James Clear
- The One Thing Gary Keller
- The 7 Habits of Highly Effective People Stephen R. Covey
- The Hard Thing About Hard Things Ben Horowitz
- Zero to One Peter Thiel
- The Psychology of Money Morgan Housel
- Ikigai Héctor García & Francesc Miralles
- The Subtle Art of Not Giving a F*ck Mark Manson
- A Little Life Hanya Yanagihara
Reel Life
Films that stayed
config/watching.json · 12
- Swades Ashutosh Gowariker
- Taare Zameen Par Aamir Khan
- Pay It Forward Mimi Leder
- Seven Pounds Gabriele Muccino
- Schindler's List Steven Spielberg
- The Terminal Steven Spielberg
- The Prestige Christopher Nolan
- The Pursuit of Happyness Gabriele Muccino
- A Beautiful Mind Ron Howard
- 12 Angry Men Sidney Lumet
- Rang De Basanti Rakeysh Omprakash Mehra
- A Walk to Remember Adam Shankman
Craft
What the work is made of
config/profile.json · 26
- PHP Languages
- JavaScript (ES6+) Languages
- TypeScript Languages
- SQL Languages
- C++ Languages
- Java Languages
- Node.js Backend
- Express Backend
- REST API design Backend
- RBAC & auth Backend
- Background job queues Backend
- Caching Backend
- React Frontend
- SASS Frontend
- Web Components Frontend
- Vite Frontend
- jQuery Frontend
- MySQL (schema design, query tuning, replication) Data
- MongoDB Data
- Redis Data
- AWS Infra
- Docker Infra
- Linux Infra
- Apache/Nginx Infra
- Git & GitHub Infra
- CI Infra
Years
Where the time went
config/profile.json · 4
Six arrangements of one set. The point is not any single one of them — it is the move between two, which is the only part of a graph that shows you what the arrangement was doing.
Rings gives every area the same sweep, so you see which ones are thin. Circle puts everything on one circumference, which is the only view where nothing is more central than anything else. Areas pulls the clusters apart. Links lets go of the grouping entirely and settles the positions by what actually connects, so things that share nothing drift to the edge. Timeline is the honest one, and the reason half the set sits in a column marked no date. Orbit is the set on a sphere, turning, which is the only arrangement with no argument in it.
None of the content is written on this page. The parts come from
config/board.json, the books from config/books.json,
the films from config/watching.json, the tools from
config/products.json, the skills and the years from
config/profile.json. Add a book to the shelf and it is in the
graph on the next request, because there is no second copy to update.
The links are held to the same rule. Eighty-eight of them only say that a
thing belongs to its area, which is structural and claims nothing. Eleven are
the traces already routed on the board, which are real
data paths. The remaining sixteen are written by hand in
config/atlas.json, and only where another config already states
the relationship — so there is no line here asserting a connection that
this site cannot otherwise back up.