update

bnidevs · web-flow · commit a4fcbc717dbe · 2025-02-16T07:07:15.000-05:00
diff --git a/rcos-status/index.html b/rcos-status/index.html
@@ -3,32 +3,34 @@
 	  <meta charset="utf-8">
 	  <meta name="viewport" content="width=device-width, initial-scale=1">
   	<meta name="description" content="RCOS Status Page">
-	  <title>Beta Break Apparel - Shop</title>
+	  <title>RCOS Status Page</title>
     <link rel="stylesheet" href="style.css" />
   </head>
-  <div class="status_card webpage">
-    <span class="component_name">Webpage</span>
-    <span class="status"></span>
-  </div>
-  <div class="status_card users">
-    <span class="component_name">Users</span>
-    <span class="status"></span>
-  </div>
-  <div class="status_card projects">
-    <span class="component_name">Projects</span>
-    <span class="status"></span>
-  </div>
-  <div class="status_card meetings">
-    <span class="component_name">Meetings</span>
-    <span class="status"></span>
-  </div>
-  <div class="status_card small_groups">
-    <span class="component_name">Small Groups</span>
-    <span class="status"></span>
-  </div>
-  <div class="status_card organizations">
-    <span class="component_name">Organizations</span>
-    <span class="status"></span>
-  </div>
+  <body>
+    <div class="status_card webpage">
+      <span class="component_name">Webpage</span>
+      <span class="status"></span>
+    </div>
+    <div class="status_card users">
+      <span class="component_name">Users</span>
+      <span class="status"></span>
+    </div>
+    <div class="status_card projects">
+      <span class="component_name">Projects</span>
+      <span class="status"></span>
+    </div>
+    <div class="status_card meetings">
+      <span class="component_name">Meetings</span>
+      <span class="status"></span>
+    </div>
+    <div class="status_card small_groups">
+      <span class="component_name">Small Groups</span>
+      <span class="status"></span>
+    </div>
+    <div class="status_card organizations">
+      <span class="component_name">Organizations</span>
+      <span class="status"></span>
+    </div>
+  </body>
   <script type="text/javascript" src="index.js"></script>
 </html>
diff --git a/rcos-status/index.js b/rcos-status/index.js
@@ -29,6 +29,8 @@ Object.keys(m).map((k) => {
   fetch(m[k].link, {
     mode: "no-cors",
   }).then((response) => {
+    console.log(response);
+    console.log(response.status);
     document.querySelector(`.${k} .status`).innerText = response.status;
   });
 });
diff --git a/rcos-status/style.css b/rcos-status/style.css
@@ -0,0 +1,11 @@
+html, body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.status_card {
+    outline: 2px gray solid;
+    box-shadow: 2.0px 4.0px 4.0px hsl(0deg 0% 0% / 0.44);
+    font-size: 3em;
+}
