From c25f20d1ed3a7035fc1393c240299102095c20d5 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 10 Nov 2025 04:59:40 +0000 Subject: [PATCH 1/2] feat: Add cross-document view transitions Implement Astro's View Transitions API to enable smooth page transitions: - Add ViewTransitions component to site layout - Persist header and footer across page navigations - Provides smoother, more app-like navigation experience The header and footer will now stay in place during transitions while page content smoothly cross-fades between routes. --- src/layouts/Layout.astro | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 25ba020..1d8e4ba 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -3,6 +3,7 @@ // The ESLint rule can't detect their usage in Astro templates import { FaFlickr, FaGithub, FaLinkedin } from "react-icons/fa"; import { SiBluesky, SiMastodon } from "react-icons/si"; +import { ViewTransitions } from "astro:transitions"; import "../styles/global.css"; // These props are used directly in the template @@ -32,10 +33,12 @@ const { title = "Oliver Steele", description = "Making, teaching, writing, playi +