Web on aayushprime

Why this site's colours are oklch

Fri, 14 Aug 2026 12:30:00 +0545

Every colour on this site is oklch(L C H) — lightness, chroma, hue. The reason is that lightness in OKLCH is perceptual, so two colours with the same L look equally bright to the eye. In HSL they do not: hsl(60 100% 50%) and hsl(240 100% 50%) are both “50% lightness” and one of them is yellow while the other is nearly black.

That makes a theme derivable instead of hand-picked. The whole palette here hangs off one --neutral-hue, and the dark theme is mostly the same chromas with the lightness ramp inverted.

Force-directed layouts

Fri, 14 Aug 2026 12:20:00 +0545

A force layout has no idea what a good drawing looks like. It only knows three local rules: nodes repel each other, linked nodes are pulled together by a spring, and something weak drags everything toward the centre so the whole thing does not drift off screen.

Run those to equilibrium and structure falls out for free — clusters become visibly clustered, bridges become visibly thin. Nobody designed that; it is just what minimising the energy looks like.

xterm.js in the browser

Fri, 14 Aug 2026 12:10:00 +0545

xterm.js is a terminal emulator — it parses escape sequences and paints cells. It does not know where the bytes come from, which is what makes it composable: you own the transport.

The shape that works: a WebSocket server spawns a pty on connect and bridges bytes in both directions. The browser side is then almost trivial — forward keystrokes up, write everything received into the emulator.

The part that is not trivial is resize. The terminal’s dimensions live in the browser, but the process that cares about them lives behind the pty, so you have to send window size out-of-band and call ioctl on the master end.