From 1cf452f07461ec401403b438c3c42fc0bd624eb8 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 9 Nov 2025 14:27:08 +0100
Subject: [PATCH] fix countdown timezone

---
 src/app/website/index/Countdown.svelte | 12 ++++++++----
 src/pages/index.astro                  |  2 +-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/website/index/Countdown.svelte b/src/app/website/index/Countdown.svelte
index 20045ee..fb71efa 100644
--- a/src/app/website/index/Countdown.svelte
+++ b/src/app/website/index/Countdown.svelte
@@ -1,9 +1,14 @@
 <script lang="ts">
   import { onDestroy } from 'svelte';
 
-  let { start, end }: { start?: number; end: number } = $props();
+  interface Props {
+      start?: Date,
+      end: Date,
+  }
 
-  let title = `Spielstart ist am ${new Date(end).toLocaleString('de-DE', {
+  let { start, end }: Props = $props();
+
+  const title = `Spielstart ist am ${new Date(end).toLocaleString('de-DE', {
     day: '2-digit',
     month: 'long',
     year: 'numeric',
@@ -12,7 +17,7 @@
   })} Uhr`;
 
   function getUntil(): [number, number, number, number] {
-    let diff = (end - (start || Date.now())) / 1000;
+    let diff = (end.getTime() - (start?.getTime() || Date.now())) / 1000;
 
     return [
       Math.floor(diff / (60 * 60 * 24)),
@@ -25,7 +30,6 @@
   let [days, hours, minutes, seconds] = $state(getUntil());
   let intervalId = setInterval(() => {
     [days, hours, minutes, seconds] = getUntil();
-    if (start) start += 1000;
   }, 1000);
 
   onDestroy(() => clearInterval(intervalId));
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1204018..2a20a1d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -66,7 +66,7 @@ const information = [
       <img src={Background.src} alt="" loading="lazy" width="100%" height="100%" />
     </div>
     <div class="hidden xl:flex justify-center absolute bottom-12 right-0 w-[60%]">
-      <Countdown end={Date.parse(START_DATE)} client:load />
+      <Countdown end={new Date(START_DATE)} client:load />
     </div>
   </div>