aboutsummaryrefslogtreecommitdiff
path: root/apps/website
diff options
context:
space:
mode:
Diffstat (limited to 'apps/website')
-rw-r--r--apps/website/src/layouts/Layout.astro26
-rw-r--r--apps/website/src/styles/global.css21
2 files changed, 2 insertions, 45 deletions
diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
index 32cebed..f5d4df9 100644
--- 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
index a240f83..f98d574 100644
--- 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;