./00-monday.md
./01-what-this-is.md
what this is
// today's mood mesh
this is not a product. it's a notebook. i'm a working ai engineer and most of what i think about doesn't fit in a slack thread or a pull request description, so it lives here, in this single scrolling column, in mono, on lavender paper. nine entries, top to bottom, no nav, no jump menu. the page does not interrupt itself.
the rhinestones are not decorative. every cabochon marks a section, a path, an event. the gradient mesh up top is today's mood — it changes by day-of-year, so tomorrow it'll look different. the ripples are the only motion. nothing parallaxes, nothing slides in. when the page wants to move, it ripples.
i kept this site small on purpose. // jules said i'd ship it bigger. jules was wrong. the notebook ends at section 08 and there is no footer. you close it and you're done. that's the contract.
./02-the-loss-curve-is-pretty.md
the loss curve is pretty
training run 0417-b. 48 epochs. the loss went down. the loss is pretty. i'm including a screenshot of it but it's drawn in svg, by hand, because i wanted the bead-stroke to be real rhinestones and not png blur.
// epoch 17 was the breakup epoch :(
// epoch 34: i tried adamw. it worked.
// ended at 0.013. ily, little model.
./03-ripple.md
ripple
the whole site has one and only one motion vocabulary, and it is the ripple. three pastel rings, ease-out, 540ms, 90ms between rings. nothing else moves. no parallax, no fade-in, no slide, no spring physics, no tilt-3d. // it was harder to keep this lock than to add ten animations. here is the only place on the page where the visitor gets to make one. tap the pad.
#r=0
each tap increments the url hash. each tap also makes the paragraph beneath the pad jolt up four pixels and settle. that's the contract: a ripple, a hash, a small jolt. nothing else.
./04-grid-lines.md
grid-lines
here's the structural honesty moment. everything on this page is on an 8px grid. every cabochon, every baseline, every hairline gem. when this heading crossed the viewport center, the 8px grid faded in behind the whole page with a single ripple from the center. you can see it now. it stays for the rest of the scroll.
// the grid was there the whole time. mcbling just hid it under glitter. the reveal is the site's one structural promise: every rhinestone is on a real wireframe. nothing is floating. nothing is freehand.
./05-the-mesh-of-feelings.md
the mesh of feelings
today's mood, seeded from the day-of-year. five patches, five names. no interactivity — looking is the interaction.
tired
hopeful
pissy
flow
done
// seed: doy-???
./06-rhinestone-changelog.md
rhinestone changelog
five recent entries. each is a real cabochon. hover a row and it emits its own ripple, just for that row.
- v0.4.2 // fixed the embedding leak (i was wrong, jules was right)
- v0.4.1 // rotated the matrix. don't ask which axis.
- v0.4.0 // swapped sgd for adamw. loss went down 14%.
- v0.3.7 // added rhinestones to the wordmark. critical fix.
- v0.3.6 // deleted 412 lines. site got faster.
./07-now-playing.md
now playing
a small razr-v3 home-screen status block. three lines. static. notebooks aren't feeds.
now reading: "the unreasonable effectiveness of recurrent neural networks" (karpathy, 2015)
now training: aiice-7b-v0.4.3 // step 11,420 / 50,000
now mad about: npm install warnings that are not warnings, they are screams
./08-coda.md
// thanks for scrolling all the way down. ily. — a.