chrcit.com — DITHER (Concept C: Mosaic)

Astro + MDX personal site. Visual source of truth: docs/redesign/explorations/concept-c.html. Tokens, tile geometry, and interactions are locked (see docs/redesign/03-essence-and-vibe.md).

Commands

pnpm install
pnpm dev      # develop
pnpm build    # client assets to dist/client, worker to dist/server
pnpm preview  # serve the build in workerd

Cloudflare Workers: build pnpm build, then npx wrangler versions upload. Config is wrangler.jsonc (assets from ./dist/client). The homepage is server-rendered; other pages stay static.

Content

• src/content/items/<category>/<slug>.md — one generic item schema with a category flag (book, tool; extensible). Covers/icons are local assets next to the entries. Items render only where explicitly referenced or on their archive page — nothing autoloads.
• src/content/posts/*.mdx — writing.
• Reference an item inside any MDX post:

import Item from "../../components/Item.astro";

<Item ref="books/antifragile" />
<Item ref="tools/raycast" variant="row" />

The homepage Books/Tools tiles are a random sample. The HTML is cached at the edge for five minutes, so visitors hitting the same colo see the same pick until it expires. Shuffle still picks a new set in the browser for that visitor only.