From 60afba8ece9cb9c6b06d445c0ace0d8a71e3bd9d Mon Sep 17 00:00:00 2001
From: S Stewart <iamtheworst@programmer.net>
Date: Tue, 12 Jun 2018 14:38:49 -0500
Subject: [PATCH] static: make this 10x better

---
 static/index.html | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)
diff --git a/static/index.html b/static/index.html
index c11b20e..0ca1d1e 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,9 +1,26 @@
 <html>
 
   <head>
+    <meta http-equiv="Access-Control-Allow-Origin" content="*">
     <style>
+      body { background-color: #ddd; }
       p {
-          font-size: 15pt;
+	  text-align: center;
+	  font-family: sans-serif;
+          font-size: 13pt;
+      }
+      #pretty-box {
+	  padding-left: 5px;
+	  max-width: 500px;
+	  max-height: 250px;
+	  position: absolute;
+	  top: 0;
+	  left: 0;
+	  right: 0;
+	  bottom: 0;
+	  margin: auto;
+	  background-color: #eee;
+	  border-radius: 15px;
       }
     </style>
     <script>
@@ -20,7 +37,8 @@
       }
 
       function genText(data) {
-          base = `${data.description} - status: ${data.status}`;
+          base = `${data.description}`;
+	  base += ` [${data.status ? "online" : "offline"}]`;
 
           if('latency' in data) {
               base += ` - latency: ${data.latency} ms`;
@@ -30,6 +48,7 @@
       }
 
       function curStatHandler(text) {
+	  let box = document.getElementById('pretty-box');
           let payload = JSON.parse(text);
 
           for(const service in payload) {
@@ -43,7 +62,7 @@
 
                   element.id = elementId;
                   element.innerText = genText(data);
-                  document.body.appendChild(element);
+                  box.appendChild(element);
               } else {
                   existingElement.innerText = genText(data);
               }
@@ -67,6 +86,8 @@
   </head>
 
   <body>
+    <div id="pretty-box">
+    </div>
   </body>
   
 </html>
