Redesign: replace cyberpunk theme with a restrained editorial site - #5
Merged
Conversation
Full redesign of the single-page site. The Blade Runner treatment (neon rain canvas, scanlines, glitch text, custom cursor, replicant copy, fictional LA 2049 map) is gone; all real content is preserved and rewritten in plain first person. - Warm paper/ink palette with a single cobalt accent, automatic dark mode via prefers-color-scheme - Fraunces serif display type, self-hosted under OFL (fonts/), system sans body, system mono labels - New signature hero figure: a minimal street-network map with vehicles animating along two dispatch routes (SMIL), a nod to fleet orchestration drawn like a paper figure - Sections: Work, Research, Open source, Contact; hairline rules, numbered headings, project cards - Accessibility: semantic landmarks, focus-visible outlines, prefers-reduced-motion pauses animations and smooth scroll - JS reduced from ~150 lines to 6 (footer year + motion pause) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Contributor
|
Preview: https://a20r.github.io/previews/pr-5/ Commit: |
The UAE deployment claim (inherited from Forbes' blurb) was wrong. Per TRC's newsroom, Pingo launched on three continents: Houston, Kitsap County WA, and Rochester NY (132-vehicle network, among the largest on-demand transit services in North America), plus the Scottish Borders, Dunoon, and suburban Melbourne. Also researched and refreshed the rest of the content: - Citations updated 1,600+ -> 2,400+ (Google Scholar now shows ~2,500) - New selected-publications list: PNAS 2017 (dynamic trip-vehicle assignment, 1,700+ citations), IROS 2018 rebalancing, IROS 2017 predictive routing, RA-L 2026 robo-taxi ridepooling, and the 2023 US patent on ride-sharing dispatch with future requests - Research lede now leads with the real PNAS headline result (3,000 shared vehicles serving 98% of New York taxi demand) - Added BSc (Hons) Computer Science, University of St Andrews - Contact now leads with email (alex@wallar.me) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
.hero and header set vertical padding via the padding shorthand on the same elements that carry .container's horizontal padding, so the later rule zeroed the side padding. Desktop hid it behind the centered max-width; on phones content sat flush against the screen edge. Use padding-inline/padding-block longhands so the rules compose, and let the h1 scale fluidly below tablet width. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Swap the project cards for the repos that matter: falta (Go error factories), civgrad (differentiable Petri net of the semiconductor supply chain, JAX, in-browser demo), camgaze.js, and roshelper (ROS node decorators). backfire, locaudio, zmqros, and Dodger come off the grid; the latter three get a mention in the More-on-GitHub card. Descriptions written from each repo's actual README. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Three pictures, all in the site's own voice: - fig. 02: a hand-drawn SVG ridepooling diagram beside the Research section — two dashed requested trips served by one animated pooled vehicle route, echoing the PNAS result - fig. 03: the author's longtime GitHub avatar in Contact, captioned "the author, with an early fleet" - images/og.png: 1200x630 social share card rendered from the site's design (Fraunces name, route figure), wired up via og:image and twitter:card meta tags Sections with figures use a split grid that stacks on mobile. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Ten mentions down to two, both the literal Zoox role name. The hero now opens on "where every vehicle should be", fig. 01 is "five vehicles, two routes", MIT work says "dispatch at city scale", research says "robo-taxis", contact says "dispatch optimization", and fig. 03 is "the author, with an early vehicle". Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
The old lede described the mechanism (deciding where vehicles go) without the motivation. New opening: a city's streets are full of wasted motion, and the work is the optimization that claws it back — pooled rides, demand prediction, proactive repositioning. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Swap the cobalt accent for purple, chosen by contrast math: #5b36c9 (7.1:1 on paper) light, #b7a3ff (8.5:1) dark, with matching hover, selection, favicon, and regenerated og card. Neutrals stay warm paper/ink; the accent remains the only colored element. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
The accent alone left the page reading grey/white. Every neutral now carries violet: lilac paper (#f8f6fc) with aubergine ink (#211936) in light mode, deep aubergine (#16121f) with lavender text in dark. Research and Contact sit on tinted lavender bands, the hero kicker is accent-colored, and figure stops match the band they sit on. All combinations verified >=4.5:1 (AA); body text exceeds AAA. Share card regenerated to match; theme-color metas updated. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
a20r
marked this pull request as ready for review
July 29, 2026 19:30
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changed
Full redesign of the single-page site. The Blade Runner treatment — neon rain canvas, scanlines, glitch text, custom cursor, "replicant profile" copy, and the fictional LA 2049 city map — is gone. All the real content (Zoox, The Routing Company, MIT CSAIL, fellowships, publications, open-source projects, contact links) is preserved and rewritten in plain first person.
Design
prefers-color-scheme(no toggle, no JS).fonts/, license included) so there's no third-party font request; system sans for body; system mono for small labels.Engineering
prefers-reduced-motion).focus-visibleoutlines, reduced-motion handling,scroll-marginanchors.The preview workflow will comment a live URL on this PR.
🤖 Generated with Claude Code
https://claude.ai/code/session_0164MEB4dCj5sJcd4LUJhWzV
Generated by Claude Code