From 2293cb5fe1b720b823796690b3f975346004401b Mon Sep 17 00:00:00 2001
From: KaroGil <karolinkagil@gmail.com>
Date: Mon, 23 Mar 2026 14:16:13 +0100
Subject: [PATCH] add 100 on 17mai

---
 src/app/components/norwegianFlags.tsx | 24 ++++++++++++++++++++++++
 src/app/globals.css                   | 26 ++++++++++++++++++++++++++
 src/app/page.tsx                      |  5 +++++
 src/lib/calculations.ts               | 13 +++++++++++++
 src/lib/time.ts                       | 13 ++++++++++++-
 5 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/norwegianFlags.tsx

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 (
+    <div className="pointer-events-none fixed inset-0 overflow-hidden z-0">
+      {flags.map((_, i) => (
+        <span
+          key={i}
+          className="absolute animate-norway-float text-3xl opacity-20"
+          style={{
+            // eslint-disable-next-line react-hooks/purity
+            left: `${Math.random() * 100}%`,
+            animationDelay: `${i * 0.8}s`,
+            animationDuration: `${10 + (i % 5)}s`,
+          }}
+        >
+          🇳🇴
+        </span>
+      ))}
+    </div>
+  );
+}
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() {
     <main
       className={`min-h-screen bg-linear-to-br ${backgroundClass} text-slate-900`}
     >
+      {isSeventeenthOfMay(new Date().toISOString()) && (
+        <NorwegianFlagsBackground />
+      )}
       <button
         className="flex flex-col gap-1 absolute top-4 right-4 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed"
         onClick={() => setShowForecast((prev) => !prev)}
diff --git a/src/lib/calculations.ts b/src/lib/calculations.ts
index 4ad4401..89a54b8 100644
--- a/src/lib/calculations.ts
+++ b/src/lib/calculations.ts
@@ -1,4 +1,5 @@
 import { ForecastPoint } from "@/types/weather";
+import { isSeventeenthOfMay } from "@/lib/time";
 
 function calculateTemperature(temperature: number) {
   if (temperature < 5) return 0;
@@ -74,6 +75,10 @@ export function calculateUtepilsScore(
   sunsetIso?: string | null,
   currentIso?: string,
 ) {
+  if (currentIso && isSeventeenthOfMay(currentIso)) {
+    return 100;
+  }
+
   let score = 0;
 
   score += calculateTemperature(temperature);
@@ -117,6 +122,14 @@ export function calculateUtepilsScoreWithoutTime(
 }
 
 export function getVerdict(score: number) {
+  if (score == 100 && isSeventeenthOfMay(new Date().toISOString())) {
+    return {
+      title: "Gratulerer med dagen 🇳🇴 ",
+      subtitle: "Utepils er obligatorisk!",
+      emoji: "🇳🇴🥂",
+    };
+  }
+
   if (score >= 75) {
     return {
       title: "UTEPILS! 🍻",
diff --git a/src/lib/time.ts b/src/lib/time.ts
index 3d0cc91..69cbe25 100644
--- a/src/lib/time.ts
+++ b/src/lib/time.ts
@@ -1,4 +1,5 @@
 const OSLO_TIMEZONE = "Europe/Oslo";
+export const TIMEZONE = OSLO_TIMEZONE;
 
 export function getOsloDayKey(date: Date): string {
   return date.toLocaleDateString("sv-SE", {
@@ -24,4 +25,14 @@ export function formatOsloTime(date: Date): string {
   });
 }
 
-export const TIMEZONE = OSLO_TIMEZONE;
+export function isSeventeenthOfMay(dateInput: string | Date) {
+  const date = typeof dateInput === "string" ? new Date(dateInput) : dateInput;
+
+  const osloDate = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Europe/Oslo",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(date);
+
+  return osloDate === "05-17";
+}