
Hello, Yunu
This site is a small love letter to the night sky. One sky runs behind every page and never reloads as you move between them. The sections in front of it are deliberately uneven in height, so the page reads as a document rather than a deck of slides.
The idea
It should feel like drifting through quiet space, not like reading a CV. Colour, motion and typography all answer to that. The name at the top is written in hand placed stars that a line draws on, glyph by glyph, and the works are one figure pinned beside the list, where each entry lights its own star as you reach it.
Restraint turned out to be most of the work. A torch of light following the cursor, and star trails that streaked with scroll velocity, were both built and then taken off. They worked, and they made the sky the subject.
How it's built
- React and TypeScript on Vite, styled with Emotion.
- A lazily loaded three.js starfield, kept out of the critical path so first paint stays fast.
- Motion for the scroll linked fades and for every line that draws itself.
- Statically prerendered, so a crawler gets HTML rather than an empty div.
Reading light
A post's prose is lit by one soft edge that sits at the bottom of the window and passes down the whole article as you scroll. It only ever travels downward. Text that goes dark again when you scroll back is text nobody can read twice.
Three constellations
Three real constellations drift between the sections, each one hiding a short story. They are not marked. Find one and hover to read it.
- React
- TypeScript
- Vite
- Emotion
- three.js
- Motion
