diff --git a/src/app/components/norwegianFlags.tsx b/src/app/components/norwegianFlags.tsx
new file mode 100644
index 0000000..285c67d
--- /dev/null
+++ b/src/app/components/norwegianFlags.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+export default function NorwegianFlagsBackground() {
+ const flags = Array.from({ length: 12 });
+
+ return (
+
+ {flags.map((_, i) => (
+
+ 🇳🇴
+
+ ))}
+
+ );
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index a2dc41e..59b7634 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -24,3 +24,29 @@ body {
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
+
+@keyframes norway-float {
+ 0% {
+ transform: translateY(110vh) rotate(0deg);
+ opacity: 0.5;
+ }
+
+ 10% {
+ opacity: 0.7;
+ }
+
+ 50% {
+ opacity: 0.65;
+ }
+
+ 100% {
+ transform: translateY(-20vh) rotate(8deg);
+ opacity: 0.5;
+ }
+}
+
+.animate-norway-float {
+ animation-name: norway-float;
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 93a2082..f030060 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,8 @@ import {
} from "../lib/calculations";
import Forecast from "./components/forcast";
import LoadingScreen from "./components/LoadingScreen";
+import NorwegianFlagsBackground from "./components/norwegianFlags";
+import { isSeventeenthOfMay } from "@/lib/time";
export default function Page() {
const now = new Date();
@@ -105,6 +107,9 @@ export default function Page() {
+ {isSeventeenthOfMay(new Date().toISOString()) && (
+
+ )}