Remove page transitions

Polyfrost · Dec 28, 2023 · 97cf840 · 97cf840
1 parent 98f4ee1
commit 97cf840
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 45 deletions.
diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
@@ -1,7 +1,6 @@
 ---
 import Footer from '@components/base/Footer.astro';
 import Favicon from '/media/polyfrost/minimal_bg.svg?url';
-import { ViewTransitions } from 'astro:transitions';
 import Navbar from '../components/base/navbar/Navbar.astro';
 import '../styles/global.css';
 
@@ -16,26 +15,6 @@ const {
 	description = 'Official website for Polyfrost.',
 	favicon = Favicon,
 } = Astro.props;
-
-const fadeAnimation = {
-	old: {
-		name: 'fadeOut',
-		duration: '0.1s',
-		easing: 'linear',
-		fillMode: 'forwards',
-	},
-	new: {
-		name: 'fadeIn',
-		duration: '0.1s',
-		easing: 'linear',
-		fillMode: 'backwards',
-	},
-};
-
-const fade = {
-	forwards: fadeAnimation,
-	backwards: fadeAnimation,
-};
 ---
 
 <!doctype html>
@@ -53,11 +32,10 @@ const fade = {
 			<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet"/>
 
 			<title>{title}</title>
-			<ViewTransitions />
 		</head>
 
-		<body class="bg-gray-50 overflow-x-hidden" transition:animate={fade}>
-			<Navbar transition:animate="none" transition:persist />
+		<body class="bg-gray-50 overflow-x-hidden">
+			<Navbar />
 
 			<main class="min-h-screen h-auto">
 				<slot/>

diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css
@@ -32,27 +32,6 @@
 	}
 }
 
-/* Transition */
-@keyframes fadeIn {
-	from {
-		opacity: 0;
-	}
-
-	to {
-		opacity: 1;
-	}
-}
-
-@keyframes fadeOut {
-	from {
-		opacity: 1;
-	}
-
-	to {
-		opacity: 0;
-	}
-}
-
 /* Codeblocks */
 .astro-code {
 	padding: 10px;