This site is built the way the systems it describes are: deliberately, with nothing decorative that doesn’t carry meaning. Since the work itself is proprietary, the craft of the site is the part I can show in full — so here is how it’s made.
Every page’s Open Graph card is generated during the build with satori (layout → SVG) and resvg (SVG → PNG) — no runtime image service. The downloadable résumé is a real PDF drawn with pdfkit from the same data and the same embedded fonts, so its text stays selectable and machine-parseable rather than a flattened image. One source of truth feeds the page, the card, and the PDF.
The architecture diagrams are hand-built inline SVG in the site’s own palette — the honest visual of a backend system, where a stock photo would only read as filler. The amber path is the hot path. Alt text describes the system, not “diagram”.
The hero event-stream is the one deliberate motion — discrete ticks drifting like events through a partition. Page transitions use the View Transitions API; scroll reveals enhance content that is already visible by default, so nothing ships blank if a transition never fires. Every animation has a reduced-motion alternative.
⌘K / Ctrl-K opens a command palette built on the native <dialog> element — jump to any page or project, or copy the email, without the mouse. It is progressive enhancement: with JavaScript off, the site is still fully navigable.
Contrast is verified against the dark surface for WCAG AA, including small meta text. Full keyboard navigation with a visible amber focus ring, a skip link, semantic landmarks, and sitewide JSON-LD. The content is server-rendered HTML with self-hosted fonts; the JavaScript is a thin enhancement layer (view transitions, ⌘K, scroll reveals) that the page works without, so it stays fast on a phone over a slow connection.
Curious about a specific decision? Trace a request through the trading core, or ask me directly.