From ff77115bf30bc748ccf30cf879df796128161c0a Mon Sep 17 00:00:00 2001
From: m1ka <mika@dupunkto.org>
Date: Mon, 8 Jun 2026 11:46:10 +0200
Subject: [PATCH] fix: naming issue in api.m1kadev.nl, hide greet on mobile

---
 scripts/fetch-greet.js      | 17 ++++++++++++-----
 styles/index.css            | 12 ++++++++++--
 templates/pages/index.thtml |  5 +++--
 3 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/scripts/fetch-greet.js b/scripts/fetch-greet.js
index 563747d2273024471674c45b85caf45082cda372..b60d3c2043958fbe65bc335e8a19a27936f0ca98 100644
--- a/scripts/fetch-greet.js
+++ b/scripts/fetch-greet.js
@@ -1,8 +1,15 @@
-// TOOD: proper CORS-ing on api.m1kadev.bl
-addEventListener("DOMContentLoaded", async (ev) => {
-    const greetElement = document.getElementById("greet");
+addEventListener("load", async (ev) => {
+    const isMobile = window.matchMedia("(max-width: 900px)").matches;
+    if (isMobile) return;
+
+    const authorElem = document.getElementById("author");
+    const greetElem = document.getElementById("greet");
     const request = await fetch("https://api.m1kadev.nl/greet");
     const repsonse = await request.json();
-    greetElement.innerHTML = repsonse.qoute; // this is misspelled in the prod api LMAAO
-    greetElement.parentElement.style.display = "initial";
+    greetElem.innerHTML = repsonse.quote; // this is misspelled in the prod api LMAAO
+    greetElem.lang = repsonse.lang;
+    authorElem.innerHTML = repsonse.author;
+    authorElem.style.display = "none";
+
+    greetElem.parentElement.style.display = "initial";
 });
diff --git a/styles/index.css b/styles/index.css
index 2f06b7868c4d31693599f413ecd183b860132473..b10ac03901d1cee251dfdaafe0d2f59a9ff9655d 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,6 +1,14 @@
+aside > h2 {
+    border-left: 0.1rem solid var(--fg-color);
+}
+
+aside > span {
+    border-left: 0.1rem solid var(--fg-color);
+}
+
 aside {
     writing-mode: vertical-rl;
     border-bottom: 0;
-    border-left: 0.1rem solid var(--fg-color);
-    display: none;
+    display: flex;
+    flex-direction: column;
 }
diff --git a/templates/pages/index.thtml b/templates/pages/index.thtml
index 762cbcd7e33d407e53a13cad944ba7e4bb0274dc..591641a22341931c0af8bcfc159ab6a3b5b24717 100644
--- a/templates/pages/index.thtml
+++ b/templates/pages/index.thtml
@@ -21,8 +21,9 @@
         {{ &fxg_content }}
         {{ &footer }}
     </main>
-    <aside>
-        <h2 id="greet">placehoders are nice :)</h1>
+    <aside style="display:none;">
+        <span id="author"></span>
+        <h2 id="greet">placehoders are nice :)</h2>
     </aside>
 </body>
 </html>