feat: status page + maintenance

maintenance/scripts/maintenance.js

@@ -3,11 +3,11 @@ function reboot() {
   xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
       document.getElementById("logs").innerHTML = this.responseText;
+      setTimeout(function () {
+        document.location="https://www.thsf.net/thsf.net/maintenance/status.py"}, 5000
+      );
     }
   };
   xhttp.open("GET", "https://www.thsf.net/thsf.net/maintenance/reboot.py", true);
   xhttp.send();
-  setTimeout(function () {
-      document.location="https://www.thsf.net/thsf.net/maintenance/status.py"}, 5000
-  );
 }

maintenance/style/maintenance.css

@@ -27,26 +27,24 @@
   align-items: center;
   text-align: center;
   width: 48em;
-  background-color: yellow;
 }
 .title {
+  font-size: 3em;
   font-weight: bold;
+  margin: 2em;
 }
 .table_headers, .line {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  background-color: green;
-
 }
 .header, .status {
   font-weight: bold;
   border-width: 1px;
   border-style: solid;
   width: 16em;
-  padding: 1em;
-  background-color: violet;
+  padding: 0.2em;
 }
 .table_content {
   display: flex;
@@ -54,13 +52,16 @@
   justify-content: center;
   align-items: center;
   text-align: center;
-  background-color: cyan;
 }
 .status {
   font-weight: normal;
 }
 .container_log {
   text-align: left;
+  width: 48em;
+  padding: 0.2em;
+  border-width: 1px;
+  border-style: solid;
 }
 .button {
   font-weight: bold;