Merge pull request #36 from openspaceaarhus/add-spaceapi-status

Add SpaceAPI Status to front page

Author: kdkaergaard

_layouts/default.html

@@ -51,5 +51,6 @@ <h1> {{page.title}} </h1>
     </div>
 
 </div>
+<script src="{{ "/assets/js/script.js" | relative_url }}"></script>
 </body>
 </html>

assets/js/script.js

@@ -0,0 +1,10 @@
+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));
+});

index.html

@@ -44,6 +44,17 @@
   </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>
+    </div>
+  </div>
+</div>
+
 <div class="container">
   <div class="row">
     <div class="col col-md-12 news">