From 8a7ca88c4099c853d47f7379f0b9aba684a514b1 Mon Sep 17 00:00:00 2001 From: Jonathon Wright Date: Fri, 3 Jul 2026 19:47:03 +1000 Subject: [PATCH] facelift polish: native cross-document view transitions + og regen @view-transition navigation:auto (pure CSS crossfade, 180ms; Firefox ignores, reduced-motion disables) - zero JS, zero CSP surface. og.png regenerated from the electric-identity script. Favicon already carries the identity (gradient jw chip + caret) - deliberately unchanged. --- src/styles/global.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/styles/global.css b/src/styles/global.css index 03fb026..466529a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -494,3 +494,16 @@ html.js [data-reveal] .chip { display: none; } } + +/* ---- Cross-document view transitions (facelift polish) -------------------- + Native CSS only: Chromium/Safari get a soft crossfade between pages; Firefox + ignores. Zero JS, zero CSP surface, and reduced-motion turns it off. */ +@media (prefers-reduced-motion: no-preference) { + @view-transition { + navigation: auto; + } + ::view-transition-old(root), + ::view-transition-new(root) { + animation-duration: 180ms; + } +}