$ ssh deploy@reef> tide table synced$ uptime # 41 days

SELECT * FROM sunsetsWHERE bands > 8;-- 9 rows

const frond = leaflets.map(alongStem)tide(t) => sin(t) * 0.5 + 0.5render(reef)

docker compose up -d --buildnginx -s reload # certs okdeploy({ region: 'us-east-1' })

git commit -m 'ship it'> 24 assets cached$ tail -f tide.log

import { reef } from './palette'export default frond// 0 errors

curl -sS https://tudev.org200 OK · 38ms$ _

render(reef)tide(t)

Practice2020

CSS Variable Playground

Live-updating CSS custom properties from JavaScript inputs — spacing, blur and color adjusted in real time.

Visit site

Sliders and a color picker wired directly to CSS custom properties on the root element. This is the exercise that made CSS variables click for me, and it's why this site's entire palette lives in a single tokens block.