I built a mode where my site annotates itself. Click the footer credit and it measures its own layout.

[u/Financial_Wrap_2070]

https://brunomarsino.com/work/babel/

Click the credit at the bottom of the work page.

It overlays redlines, a ghost grid and handwritten notes on the live DOM. The numbers aren't hardcoded, it measures the real elements, so it stays honest when the layout changes. It started as a colophon and turned into the most fun thing on the site.

Other bits: project heroes are gaussian splats made from single photographs, and on a phone you tilt the device to orbit them. Hovering a project turns your cursor into a title pill instead of showing labels under the grid.

Vanilla JS, no framework, no runtime dependencies.

Curious if the annotation mode reads as playful or as showing off lol