$ 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 Clock

An analog clock where the hands are CSS transforms driven by a small vanilla JS loop.

Visit site

An analog clock face built with CSS transforms and rotation origins, with JavaScript doing nothing but reading the time and setting three angles. A good exercise in letting CSS do the work it's good at.