Optimize View Transitions

This commit is contained in:
Mikkel Svartveit 2023-10-16 23:17:59 -07:00
parent 2980cdccc8
commit 8fa3c1d084

View file

@ -12,7 +12,7 @@ const fullTitle = `${title} Mikkel Svartveit`;
--- ---
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en" transition:animate="fade">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="/favicon.png" /> <link rel="icon" href="/favicon.png" />
@ -22,14 +22,17 @@ const fullTitle = `${title} Mikkel Svartveit`;
name="description" name="description"
content="Hi, I'm Mikkel! I am a Computer Science student from Norway and this is my playground. Here you will find some programming projects, and a small collection of photos I'm proud of." content="Hi, I'm Mikkel! I am a Computer Science student from Norway and this is my playground. Here you will find some programming projects, and a small collection of photos I'm proud of."
/> />
<ViewTransitions /> <ViewTransitions fallback="swap" />
</head> </head>
<body class="overflow-y-scroll bg-gray-50"> <body class="overflow-y-scroll bg-gray-50">
<Navbar client:load currentPath={Astro.url.pathname} /> <Navbar client:load currentPath={Astro.url.pathname} />
<main> <main>
<slot /> <slot />
</main> </main>
</body><style>
<style>
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Serif+Pro:wght@300;400;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Source+Serif+Pro:wght@300;400;600&display=swap");
</style> </style>
</body>
</html> </html>