style: add view-transition to animate page transitions

realprogrammersusevim · realprogrammersusevim · commit b47b16c9b0bc · 2026-03-22T16:48:58.000-05:00
diff --git a/static/css/style.css b/static/css/style.css
@@ -502,3 +502,8 @@ sup[id^="ref-"] {
     line-height: 1.25;
   }
 }
+
+/* Opt in to cross-document view transitions */
+@view-transition {
+  navigation: auto;
+}
diff --git a/templates/base.html b/templates/base.html
@@ -19,6 +19,7 @@
     />
     <link rel="stylesheet" href="/static/css/style.css?{{ build_id }}" />
     <link rel="icon" href="/static/imgs/favicon.ico?{{ build_id }}" />
+    <meta name="view-transition" content="same-origin" />
     <link
       rel="alternate"
       type="application/atom+xml"

Original file line number	Diff line number	Diff line change
`@@ -502,3 +502,8 @@ sup[id^="ref-"] {`
`502`	`502`	`line-height: 1.25;`
`503`	`503`	`}`
`504`	`504`	`}`
	`505`	`+`
	`506`	`+/* Opt in to cross-document view transitions */`
	`507`	`+@view-transition {`
	`508`	`+ navigation: auto;`
	`509`	`+}`