From f9011db517b8b59c2092f02115295d7db0bccf67 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Tue, 31 Mar 2026 23:42:55 +0200
Subject: [PATCH] main page now fetches status with timestamp from netstatus
 backend. not styled yet

---
 src/routes/+page.svelte | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 566328f..aa4e068 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -8,12 +8,36 @@
     import UpdateEntry from "$lib/components/update-entry.svelte";
     import IndieButton from "$lib/components/indie-button.svelte";
     import { buttons } from "$lib/components/indie-button";
+    import { onMount } from "svelte";
 
     let latestDevlogDate = devlogPosts[0].post.date;
     let latestBlogDate = blogPosts[0].post.date;
 
     let updateEntriesTrimmed = updateEntries.slice(0, 4);
 
+    let latestStatusContent = $state("fetching status...");
+    let latestStatusTimestamp = $state("?");
+
+    async function getLatestStatus() {
+        await fetch(`https://back.natconf.dev/netstatus/latestStatus`, {
+            method: "GET",
+            headers: {
+                "Content-Type": "application/json",
+            },
+        }).then((response) => {
+            return response.json();
+        }).then((data) => {
+            latestStatusContent = data.content;
+
+            // using sv-SE because they use ISO 8601 for the formatting. they also luckily follow the same timezone as Germany. thank you sweden, u cool 🇸🇪🇩🇪
+            latestStatusTimestamp = new Date(data.timestamp).toLocaleString("sv-SE").replace(" ", ", ");
+        });
+    }
+
+    onMount(() => {
+        getLatestStatus();
+    })
+
     const galleryTopRow: GalleryRowEntry[] = [
         {
             title: "Homesick – devlog",
@@ -98,6 +122,8 @@
         </div>
     </div>
 
+    <p>{latestStatusTimestamp} :: {latestStatusContent}</p>
+
     <GalleryRow entries={galleryTopRow} />
     <GalleryRow entries={galleryBottomRow} />