Kortix Ambient

133 self-contained animations for the 24/7 Kortix ambient display — https://ambient.kortix.com

Built for the oldest browser in the office: Firefox 45 ESR on Mac OS X 10.6.8 (2011 iMac). Every page is one HTML file: strict ES5, no CSS grid / variables / filters, zero network requests. If it runs on the iMac, it runs anywhere.

Pages

• index.html — hub with the play-mode picker
• ambient.html — 24/7 rotator: ?mode=single (crossfade) or ?mode=grid&grid=3, ?dwell=120 seconds per step. Arrows skip, space pauses, grid tiles click-zoom.
• wall.html — every scene on one zoomable plane: scroll = zoom, drag = pan, ESC = overview. Max 6 tiles live at once.
• all.html — flat index of every scene
• anims/*.html — the scenes themselves, one file each

Rules for new scenes

Strict ES5 (var + function, no arrows / let / const / template literals). No CSS grid, variables, clip-path, filter, min()/max()/clamp(), @font-face, flex gap. System fonts only: Helvetica Neue / Menlo. One accent color max per page from the Kortix palette. Fixed-size state, one rAF loop, no unbounded growth — pages run for days.

Deployed via Vercel; pushes to main go live.