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 @@ +
{latestStatusTimestamp} :: {latestStatusContent}
+