Add SpaceAPI Status to front page

Only becomes visible when SpaceAPI JSON path state.open asserts True.

Author: kdkaergaard

index.html

@@ -44,6 +44,29 @@
   </div>
 </div>
 
+
+<div class="container">
+  <div class="row">
+    <div class="col col-md-12">
+      <div id="statusBox" style="display: none; background-color: green; color: white; padding: 10px; margin-bottom: 10px;">
+        Lige nu er spacet åbent.
+      </div>
+      <script>
+        document.addEventListener("DOMContentLoaded", function () {
+          fetch("https://spaceapi.osaa.dk/status/json")
+          .then(response => response.json())
+          .then(data => {
+            if (data.state && data.state.open === true) {
+              document.getElementById("statusBox").style.display = "block";
+            }
+          })
+          .catch(error => console.error("Error fetching space status:", error));
+        });
+      </script>
+    </div>
+  </div>
+</div>
+
 <div class="container">
   <div class="row">
     <div class="col col-md-12 news">