Let it snow

Vatsim-Scandinavia · Nov 29, 2024 · 649be3c · 649be3c
1 parent 6e0555f
commit 649be3c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-simple-maps": "^3.0.0",
+        "react-snowfall": "^2.2.0",
         "tailwind-merge": "^2.3.0",
         "tailwindcss": "^3.4.1",
         "tailwindcss-animate": "^1.0.7",

diff --git a/src/layout/Layout.astro b/src/layout/Layout.astro
@@ -5,7 +5,7 @@ import { ViewTransitions } from "astro:transitions";
 import { Tooltips } from 'astro-tooltips';
 import Nav from "../components/Navbar.astro"
 import '../globals.css'
-
+import Snowfall from 'react-snowfall'
 ---
 
 <html lang="en" class="scroll-smooth">
@@ -34,6 +34,9 @@ import '../globals.css'
     <ViewTransitions />
 </head>
 <body class="bg-lightgrey w-full h-full min-h-screen text-black dark:text-white transition ease-in-out delay-50 flex flex-col items-center bg-[url('/img/skies.svg')] bg-cover">
+    <div class="top-0 absolute -z-10 min-h-screen w-screen">
+        <Snowfall color="#c7d0e6" client:only/>
+    </div>
     <Nav />
     <slot />
     <Footer />