Move SpaceAPI definition to separate file

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

@@ -51,18 +51,6 @@
       <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>