diff --git a/README.md b/README.md index f228b2d..3a30036 100644 --- a/README.md +++ b/README.md @@ -206,6 +206,7 @@ The viewer is plain three.js in `viewer/src`: - `shaders.js` draws the crisp edges, the glow and the beams; - `main.js` runs the simulation, HUD, agent lens, recorder and controls; - `selftest.js` holds the interaction checks (open any city with `#selftest=1`); +- `season.js` is the Halloween look: on 31 October (the visitor's own date) GitHub's Halloween graph colours, a moon, bats, and a ghost for every file deleted. `#theme=halloween` shows it any day, `#theme=plain` turns it off; - `live.js` and `live-selftest.js` are commit.city/events (`/events#selftest=1`, or `#demo=1` for a synthetic feed). The site's pages are written in `web/site/` (shared head, nav and footer partials, one file per page) and generated into `web/public/` by `web/scripts/site.mjs`. CI fails if a generated file is out of date. diff --git a/commit_city/viewer.html b/commit_city/viewer.html index cb11803..1e19581 100644 --- a/commit_city/viewer.html +++ b/commit_city/viewer.html @@ -205,6 +205,15 @@ .repo-label[data-status="abandoned"] .ct, .repo-label[data-status="dormant"] .ct { color: var(--muted); } .repo-label.bump .ct { animation: bump 0.45s ease-out; } @keyframes bump { 30% { color: #fff; text-shadow: 0 0 10px var(--accent); } } +/* Halloween (season.js): GitHub's Halloween graph colours; activity status takes its levels, hottest brightest */ +body.spooky { --accent: #fa7a18; --hot: #fddf68; --active: #fa7a18; --cooling: #bd561d; --dormant: #631c03; background: #05020a; } +body.spooky .row.sel { background: rgba(250, 122, 24, 0.13); } +body.spooky .seg.on { background: rgba(250, 122, 24, 0.2); } +body.spooky #f-tops i { background: rgba(250, 122, 24, 0.5); } +body.spooky .row .bar span { background: #bd561d; } +body.spooky .tools button.on, body.spooky .toast.new, body.spooky .embed-link:hover { border-color: rgba(250, 122, 24, 0.42); } +body.spooky #btn-play, body.spooky .rec-actions .pri { color: #1a0a00; } +body.spooky .me-label { color: #fff1dc; text-shadow: 0 0 12px rgba(250, 122, 24, 0.9); } .me-label { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: #dff7ff; text-shadow: 0 0 12px rgba(95, 211, 243, 0.9); pointer-events: none; } .dir-label { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: #d7e6f7; background: rgba(6, 10, 18, 0.55); padding: 1px 6px; border-radius: 5px; border-left: 2px solid var(--accent); pointer-events: none; white-space: nowrap; } .sector-label { color: rgba(170, 195, 230, 0.55); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; pointer-events: none; white-space: nowrap; } @@ -298,6 +307,7 @@
+ @@ -314,13 +324,13 @@
assembling your repos…
- + Not found · commit.city @@ -25,7 +33,7 @@ - + - + +
Happy Halloween. GitHub's contribution graph is orange today, and so is every city here. Deleted files rise as ghosts, and the AI agents are the ghostwriters.