From f91d31544025d16ee8df81d6d7e306e184443e09 Mon Sep 17 00:00:00 2001
From: sophie <sofija@duck.com>
Date: Sat, 27 Jul 2024 02:57:56 +0300
Subject: [PATCH] improvements

---
 website/index.html             | 54 ++--------------------------
 website/scripts/status_cafe.ts | 64 ++++++++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+), 51 deletions(-)
 create mode 100644 website/scripts/status_cafe.ts

diff --git a/website/index.html b/website/index.html
index 1ab03e9..57f4180 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1,59 +1,11 @@
 __TEMPLATE_HEAD__
 
 <script type="module" src="scripts/blog.js"></script>
-<script type="module">
-    function timeAgo(input) {
-        const date = (input instanceof Date) ? input : new Date(input);
-        const formatter = new Intl.RelativeTimeFormat('en');
-        const ranges = [
-            ['years', 3600 * 24 * 365],
-            ['months', 3600 * 24 * 30],
-            ['weeks', 3600 * 24 * 7],
-            ['days', 3600 * 24],
-            ['hours', 3600],
-            ['minutes', 60],
-            ['seconds', 1],
-        ];
-        const secondsElapsed = (date.getTime() - Date.now()) / 1000;
-
-        for (const [rangeType, rangeVal] of ranges) {
-            if (rangeVal < Math.abs(secondsElapsed)) {
-                const delta = secondsElapsed / rangeVal;
-                return formatter.format(Math.round(delta), rangeType);
-            }
-        }
-    }
-
-    const req = await fetch("https://status.cafe/users/sophie.atom");
-    const parser = new DOMParser();
-    const doc = parser.parseFromString(await req.text(), "text/xml");
-    const latestEntryRaw = doc.querySelector("feed > entry");
-    const latestEntry = {
-        username: doc.querySelector("feed > author > name").textContent,
-        status: latestEntryRaw.querySelector("content").textContent,
-        title: latestEntryRaw.querySelector("title").textContent,
-        updated: new Date(latestEntryRaw.querySelector("updated").textContent)
-    }
-    latestEntry.emoji = latestEntry.title.slice(latestEntry.username.length).slice(0, -Math.min(latestEntry.status.length, 53)).trim()
-    const statusElement = document.getElementById("status");
-    const h2 = document.createElement("h2");
-    const a = document.createElement("a");
-    const p = document.createElement("p");
-
-    a.href = "https://status.cafe/users/" + latestEntry.username;
-    a.innerText = latestEntry.emoji + " " + latestEntry.username;
-    h2.appendChild(a);
-    h2.innerHTML += " - " + timeAgo(latestEntry.updated);
-
-    p.style.textAlign = "end";
-    p.innerText = latestEntry.status;
-
-    statusElement.appendChild(h2);
-    statusElement.appendChild(p);
-</script>
+<script type="module" src="scripts/status_cafe.js"></script>
 <script>
     window.addEventListener("load", () => {
         const stickers = document.getElementById("stickers");
+        const binkies = document.getElementById("binkies");
         if (!stickers) return;
 
         for (const sticker of __STICKERS__) {
@@ -76,7 +28,7 @@ __TEMPLATE_HEAD__
             <p>I love to play games with peeps! My favorite games recently have been Minecraft and Stardew Valley! DM me
                 if you wanna play with me ^w^
             </p>
-
+            <p><a href="https://files.sad.ovh/public/midis">Did you know that I have a 6 gigabyte big MiDi collection? (empty password/username)</a></p>
             <p>
                 DNI:
                 <br>
diff --git a/website/scripts/status_cafe.ts b/website/scripts/status_cafe.ts
new file mode 100644
index 0000000..905fa76
--- /dev/null
+++ b/website/scripts/status_cafe.ts
@@ -0,0 +1,64 @@
+interface LatestStatus {
+  username: string;
+  status: string;
+  title: string;
+  emoji?: string;
+  updated: Date;
+}
+
+(async () => {
+  function timeAgo(input: number | Date) {
+    const date = input instanceof Date ? input : new Date(input);
+    const formatter = new Intl.RelativeTimeFormat("en");
+    const ranges = [
+      ["years", 3600 * 24 * 365],
+      ["months", 3600 * 24 * 30],
+      ["weeks", 3600 * 24 * 7],
+      ["days", 3600 * 24],
+      ["hours", 3600],
+      ["minutes", 60],
+      ["seconds", 1],
+    ] as const;
+    const secondsElapsed = (date.getTime() - Date.now()) / 1000;
+
+    for (const [rangeType, rangeVal] of ranges) {
+      if (rangeVal < Math.abs(secondsElapsed)) {
+        const delta = secondsElapsed / rangeVal;
+        return formatter.format(Math.round(delta), rangeType);
+      }
+    }
+  }
+
+  const req = await fetch("https://status.cafe/users/sophie.atom");
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(await req.text(), "text/xml");
+  const latestEntryRaw = doc.querySelector("feed > entry");
+  if (!latestEntryRaw) throw new Error("Missing latest entry!");;
+
+  const latestEntry: LatestStatus = {
+    username: doc.querySelector("feed > author > name")?.textContent!,
+    status: latestEntryRaw.querySelector("content")?.textContent!,
+    title: latestEntryRaw.querySelector("title")?.textContent!,
+    updated: new Date(latestEntryRaw.querySelector("updated")?.textContent!),
+  };
+  latestEntry.emoji = latestEntry.title
+    .slice(latestEntry.username.length)
+    .slice(0, -Math.min(latestEntry.status.length, 53))
+    .trim();
+  const statusElement = document.getElementById("status");
+  if(!statusElement) throw new Error("Missing status element!");
+  const h2 = document.createElement("h2");
+  const a = document.createElement("a");
+  const p = document.createElement("p");
+
+  a.href = "https://status.cafe/users/" + latestEntry.username;
+  a.innerText = latestEntry.emoji + " " + latestEntry.username;
+  h2.appendChild(a);
+  h2.innerHTML += " - " + timeAgo(latestEntry.updated);
+
+  p.style.textAlign = "end";
+  p.innerText = latestEntry.status;
+
+  statusElement.appendChild(h2);
+  statusElement.appendChild(p);
+})();