From 53bbac67cfc300f86d8c836e5f6ce7be1afd7b0e Mon Sep 17 00:00:00 2001
From: soaos <soaos@soaos.dev>
Date: Tue, 25 Nov 2025 07:04:58 -0500
Subject: load js dependant content using js

---
 templates/index.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

(limited to 'templates')

diff --git a/templates/index.html b/templates/index.html
index 3f94c89..df6d4c6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,8 +7,6 @@
 {{macros::window(title="👤 Welcome to " ~ soaos ~ ".dev")}}
 <div>
 <div id="status">
-<h3>Latest Status</h3>
-<div id="statuscafe" class="sunken-panel"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=soaos" defer></script>
 </div>
 <p>
 I'm an "artist" and professional software developer. In my free time I mostly work on eccentric software projects which you can read about here.
@@ -42,4 +40,21 @@ I'm an "artist" and professional software developer. In my free time I mostly wo
 
 {{macros::endtreeview()}}
 {{macros::endwindow()}}
+<script id="status-template" type="text/html">
+<h3>Latest Status</h3>
+<div id="statuscafe" class="sunken-panel"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div>
+</script>
+<script>
+    document.getElementById("status").innerHTML = document.getElementById("status-template").innerHTML;
+    fetch("https://status.cafe/users/soaos/status.json")
+    .then( r => r.json() )
+    .then( r => {
+        if (!r.content.length) {
+        document.getElementById("statuscafe-content").innerHTML = "No status yet."
+        return
+        }
+        document.getElementById("statuscafe-username").innerHTML = '<a href="https://status.cafe/users/soaos" target="_blank">' + r.author + '</a> ' + r.face + ' ' + r.timeAgo
+        document.getElementById("statuscafe-content").innerHTML = r.content
+    })
+</script>
 {% endblock content %}
-- 
cgit v1.2.3