From 4a1dc8b9f25b701c750e76ec9c3a08c2e990563e Mon Sep 17 00:00:00 2001
From: soaos <soaos@soaos.dev>
Date: Mon, 24 Nov 2025 21:23:15 -0500
Subject: StatusCafe Integration

---
 static/style.css     | 11 +++++++++++
 templates/base.html  |  9 +++------
 templates/index.html |  7 +++++++
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/static/style.css b/static/style.css
index ce94a14..ed6804d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -183,3 +183,14 @@ body {
   clip-path: polygon(0 0, 50.1% 0, 50.1% 100%, 0 100%);
   visibility: visible;
 }
+
+#statuscafe {
+padding: .5em;
+background-color: var(--button-highlight);
+}
+#statuscafe-username {
+margin-bottom: .5em;
+}
+#statuscafe-content {
+margin: 0 1em 0.5em 1em;
+}
diff --git a/templates/base.html b/templates/base.html
index eb8981d..95d610b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -35,12 +35,6 @@
       </div>
       <div class="window-body">
         <ul id="badge-grid" class="no-bullets">
-          <li>
-            <img
-              src="/assets/badges/javascript.png"
-              alt="Javascript-Free Page"
-            />
-          </li>
           <li>
             <a href="https://lynx.browser.org/" target="_blank"
               ><img src="/assets/badges/lynx.gif" alt="Lynx Compatible"
@@ -93,6 +87,9 @@
                 alt="RSS Feed"
             /></a>
           </li>
+          <li>
+            <a href="https://status.cafe/users/soaos" target="_blank"><img src="https://status.cafe/assets/button.png" alt="Status Cafe"/></a>
+          </li>
         </ul>
       </div>
       <div class="status-bar">
diff --git a/templates/index.html b/templates/index.html
index da8971e..3f94c89 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,9 +5,15 @@
 {% set soaos = macros::soaosed(text="soaos") | trim %}
 {% set Soaos = macros::soaosed(text="Soaos") | trim %}
 {{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.
 </p>
+</div>
 {{ macros::treeview(height="16rem")}}
 
 {{ macros::subtree(name="On this site", open=true) }}
@@ -28,6 +34,7 @@ I'm an "artist" and professional software developer. In my free time I mostly wo
 {{ macros::subtree(name="Find me on the Web", open=true) }}
     {{ macros::treelink(text="📧 E-Mail: soaos@soaos.dev", url="mailto:soaos@soaos.dev", rel="me") }}
     {{ macros::treelink(text="💬 XMPP: soaos@chat.soaos.dev", url="xmpp:soaos@chat.soaos.dev", rel="me") }}
+    {{ macros::treelink(text="☕️ StatusCafe: soaos", url="https://status.cafe/users/soaos", blank=true, rel="me") }}
     {{ macros::treelink(text="🐘 Mastodon: soaos@furry.engineer", url="http://soaos.dog", rel="me", blank=true) }}
     {{ macros::treelink(text="🦀 SSB: @Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519", url="https://ssb.soaos.dev/~core/ssb/#@Y1EKP4PU77qby4lI+m5MN6+NcYdjTdRQlV6NmluevuY=.ed25519", rel="me", blank=true) }}
     {{ macros::treelink(text="⬡ ListenBrainz: soaos", url="https://listenbrainz.org/user/soaos/", rel="me", blank=true) }}
-- 
cgit v1.2.3