Rewrite /servers

9 files changed, 30 insertions, 84 deletions

diff --git a/public/assets/.DS_Store b/public/assets/.DS_Store
new file mode 100644
index 0000000..d8d844a
--- /dev/null
+++ b/public/assets/.DS_Store
diff --git a/public/assets/custom.css b/public/assets/custom.css
index ef2d2e2..fac1ef7 100644
--- a/public/assets/custom.css
+++ b/public/assets/custom.css
@@ -124,76 +124,41 @@ html, body {
     padding: 5px;
 }
 
-.server p, .server span {
+.server p {
     margin-left: 5px;
 }
 
-.server .category-container {
-    display: grid;
-    grid-template-columns: 20% 20% 20% 20% 20%;
-}
-
-.server .category {
-    margin: 2.5px;
-
-    border-style: solid;
-    border-color: #3a3a3a;
-    border-radius: 10px;
-
-    background-color: #444444;
+.navbar-nohero {
+    background-color: #353535 !important;
 }
 
-.server .category .name {
-    border-style: none none solid none;
-    border-color: #3a3a3a;
-    padding: 5px;
+.server-data, .server-data-2 {
+    display: grid;
+    text-align: center;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-column-gap: 5px;
 }
 
-.server .category .item {
-    border-style: solid none solid none;
-    border-color: #404040;
-    /*border-radius: 5px;
-
-    background-color: #464646;*/
+.server-item-icon {
+    filter: invert(1);
+    vertical-align: middle;
+    width: 24px;
+    height: 24px;
 }
 
-.server .category .item p {
-    /*border-style: none none solid none;
-    border-color: #404040;*/
-    padding: 2.5px;
-    margin: 0;
-
-    font-size: 1.05em;
-    font-weight: bold;
-}
-.server .category .item span {
-    padding: 2.5px;
+.server-item-text {
+    vertical-align: middle;
+    display: inline-block;
 }
 
-.server .category .item.start {
-    border-style: none none solid none;
-}
-.server .category .item.last {
-    border-style: solid none none none;
+@media (max-width: 993px) {
+    .server-data {
+        grid-template-columns: 1fr 1fr;
+    }
 }
 
-.server .category.cpu {
-    grid-column-start: 1;
-    grid-column-end: 1;
-}
-.server .category.processes {
-    grid-column-start: 2;
-    grid-column-end: 2;
-}
-.server .category.swap-memory {
-    grid-column-start: 3;
-    grid-column-end: 3;
-}
-.server .category.physical-memory {
-    grid-column-start: 4;
-    grid-column-end: 4;
-}
-.server .category.os {
-    grid-column-start: 5;
-    grid-column-end: 5;
+@media (max-width: 575px) {
+    .server-data {
+        grid-template-columns: 1fr;
+    }
 }
\ No newline at end of file
diff --git a/public/assets/icons/cpu.svg b/public/assets/icons/cpu.svg
new file mode 100644
index 0000000..4c3fcbf
--- /dev/null
+++ b/public/assets/icons/cpu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M20.35 29.15Q19.7 29.15 19.275 28.725Q18.85 28.3 18.85 27.65V20.4Q18.85 19.75 19.275 19.325Q19.7 18.9 20.35 18.9H27.6Q28.25 18.9 28.675 19.325Q29.1 19.75 29.1 20.4V27.65Q29.1 28.3 28.675 28.725Q28.25 29.15 27.6 29.15ZM19.5 42Q18.85 42 18.425 41.575Q18 41.15 18 40.5V38H13Q11.8 38 10.9 37.1Q10 36.2 10 35V30H7.5Q6.85 30 6.425 29.575Q6 29.15 6 28.5Q6 27.85 6.425 27.425Q6.85 27 7.5 27H10V20.8H7.5Q6.85 20.8 6.425 20.375Q6 19.95 6 19.3Q6 18.65 6.425 18.225Q6.85 17.8 7.5 17.8H10V12.8Q10 11.6 10.9 10.7Q11.8 9.8 13 9.8H18V7.5Q18 6.85 18.425 6.425Q18.85 6 19.5 6Q20.15 6 20.575 6.425Q21 6.85 21 7.5V9.8H27.2V7.5Q27.2 6.85 27.625 6.425Q28.05 6 28.7 6Q29.35 6 29.775 6.425Q30.2 6.85 30.2 7.5V9.8H35.2Q36.4 9.8 37.3 10.7Q38.2 11.6 38.2 12.8V17.8H40.5Q41.15 17.8 41.575 18.225Q42 18.65 42 19.3Q42 19.95 41.575 20.375Q41.15 20.8 40.5 20.8H38.2V27H40.5Q41.15 27 41.575 27.425Q42 27.85 42 28.5Q42 29.15 41.575 29.575Q41.15 30 40.5 30H38.2V35Q38.2 36.2 37.3 37.1Q36.4 38 35.2 38H30.2V40.5Q30.2 41.15 29.775 41.575Q29.35 42 28.7 42Q28.05 42 27.625 41.575Q27.2 41.15 27.2 40.5V38H21V40.5Q21 41.15 20.575 41.575Q20.15 42 19.5 42ZM13 35H35.2Q35.2 35 35.2 35Q35.2 35 35.2 35V12.8Q35.2 12.8 35.2 12.8Q35.2 12.8 35.2 12.8H13Q13 12.8 13 12.8Q13 12.8 13 12.8V35Q13 35 13 35Q13 35 13 35ZM21.85 26.15H26.1V21.9H21.85ZM24 24Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icons/memory.svg b/public/assets/icons/memory.svg
new file mode 100644
index 0000000..f531b92
--- /dev/null
+++ b/public/assets/icons/memory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M24 22Q15.95 22 10.975 19.55Q6 17.1 6 14Q6 10.85 10.975 8.425Q15.95 6 24 6Q32.05 6 37.025 8.425Q42 10.85 42 14Q42 17.1 37.025 19.55Q32.05 22 24 22ZM24 32Q16.7 32 11.35 29.8Q6 27.6 6 24.5V19.5Q6 21.45 7.875 22.875Q9.75 24.3 12.525 25.225Q15.3 26.15 18.425 26.575Q21.55 27 24 27Q26.5 27 29.6 26.575Q32.7 26.15 35.475 25.25Q38.25 24.35 40.125 22.925Q42 21.5 42 19.5V24.5Q42 27.6 36.65 29.8Q31.3 32 24 32ZM24 42Q16.7 42 11.35 39.8Q6 37.6 6 34.5V29.5Q6 31.45 7.875 32.875Q9.75 34.3 12.525 35.225Q15.3 36.15 18.425 36.575Q21.55 37 24 37Q26.5 37 29.6 36.575Q32.7 36.15 35.475 35.25Q38.25 34.35 40.125 32.925Q42 31.5 42 29.5V34.5Q42 37.6 36.65 39.8Q31.3 42 24 42Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icons/swap.svg b/public/assets/icons/swap.svg
new file mode 100644
index 0000000..38d4927
--- /dev/null
+++ b/public/assets/icons/swap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M9 42Q7.8 42 6.9 41.1Q6 40.2 6 39V9Q6 7.8 6.9 6.9Q7.8 6 9 6H32.9Q33.5 6 34.075 6.25Q34.65 6.5 35.05 6.9L41.1 12.95Q41.5 13.35 41.75 13.925Q42 14.5 42 15.1V39Q42 40.2 41.1 41.1Q40.2 42 39 42ZM39 15.2 32.8 9H9Q9 9 9 9Q9 9 9 9V39Q9 39 9 39Q9 39 9 39H39Q39 39 39 39Q39 39 39 39ZM24 35.75Q26.15 35.75 27.675 34.225Q29.2 32.7 29.2 30.55Q29.2 28.4 27.675 26.875Q26.15 25.35 24 25.35Q21.85 25.35 20.325 26.875Q18.8 28.4 18.8 30.55Q18.8 32.7 20.325 34.225Q21.85 35.75 24 35.75ZM13.15 18.8H28.05Q28.7 18.8 29.125 18.375Q29.55 17.95 29.55 17.3V13.15Q29.55 12.5 29.125 12.075Q28.7 11.65 28.05 11.65H13.15Q12.5 11.65 12.075 12.075Q11.65 12.5 11.65 13.15V17.3Q11.65 17.95 12.075 18.375Q12.5 18.8 13.15 18.8ZM9 15.2V39Q9 39 9 39Q9 39 9 39Q9 39 9 39Q9 39 9 39V9Q9 9 9 9Q9 9 9 9Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icons/system.svg b/public/assets/icons/system.svg
new file mode 100644
index 0000000..c9edc1e
--- /dev/null
+++ b/public/assets/icons/system.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M27.3 44H20.7Q20.15 44 19.725 43.65Q19.3 43.3 19.2 42.75L18.4 37.7Q17.45 37.35 16.4 36.75Q15.35 36.15 14.55 35.5L9.9 37.65Q9.35 37.9 8.8 37.725Q8.25 37.55 7.95 37L4.65 31.15Q4.35 30.65 4.5 30.1Q4.65 29.55 5.1 29.2L9.4 26.05Q9.3 25.6 9.275 25.025Q9.25 24.45 9.25 24Q9.25 23.55 9.275 22.975Q9.3 22.4 9.4 21.95L5.1 18.8Q4.65 18.45 4.5 17.9Q4.35 17.35 4.65 16.85L7.95 11Q8.25 10.45 8.8 10.275Q9.35 10.1 9.9 10.35L14.55 12.5Q15.35 11.85 16.4 11.25Q17.45 10.65 18.4 10.35L19.2 5.25Q19.3 4.7 19.725 4.35Q20.15 4 20.7 4H27.3Q27.85 4 28.275 4.35Q28.7 4.7 28.8 5.25L29.6 10.3Q30.55 10.65 31.625 11.225Q32.7 11.8 33.45 12.5L38.1 10.35Q38.65 10.1 39.2 10.275Q39.75 10.45 40.05 11L43.35 16.8Q43.65 17.3 43.525 17.875Q43.4 18.45 42.9 18.8L38.6 21.85Q38.7 22.35 38.725 22.925Q38.75 23.5 38.75 24Q38.75 24.5 38.725 25.05Q38.7 25.6 38.6 26.1L42.9 29.2Q43.35 29.55 43.5 30.1Q43.65 30.65 43.35 31.15L40.05 37Q39.75 37.55 39.2 37.725Q38.65 37.9 38.1 37.65L33.45 35.5Q32.65 36.15 31.625 36.775Q30.6 37.4 29.6 37.7L28.8 42.75Q28.7 43.3 28.275 43.65Q27.85 44 27.3 44ZM24 30.5Q26.7 30.5 28.6 28.6Q30.5 26.7 30.5 24Q30.5 21.3 28.6 19.4Q26.7 17.5 24 17.5Q21.3 17.5 19.4 19.4Q17.5 21.3 17.5 24Q17.5 26.7 19.4 28.6Q21.3 30.5 24 30.5ZM24 27.5Q22.55 27.5 21.525 26.475Q20.5 25.45 20.5 24Q20.5 22.55 21.525 21.525Q22.55 20.5 24 20.5Q25.45 20.5 26.475 21.525Q27.5 22.55 27.5 24Q27.5 25.45 26.475 26.475Q25.45 27.5 24 27.5ZM24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24ZM21.8 41H26.2L26.9 35.4Q28.55 35 30.025 34.15Q31.5 33.3 32.7 32.1L38 34.4L40 30.8L35.3 27.35Q35.5 26.5 35.625 25.675Q35.75 24.85 35.75 24Q35.75 23.15 35.65 22.325Q35.55 21.5 35.3 20.65L40 17.2L38 13.6L32.7 15.9Q31.55 14.6 30.1 13.725Q28.65 12.85 26.9 12.6L26.2 7H21.8L21.1 12.6Q19.4 12.95 17.925 13.8Q16.45 14.65 15.3 15.9L10 13.6L8 17.2L12.7 20.65Q12.5 21.5 12.375 22.325Q12.25 23.15 12.25 24Q12.25 24.85 12.375 25.675Q12.5 26.5 12.7 27.35L8 30.8L10 34.4L15.3 32.1Q16.5 33.3 17.975 34.15Q19.45 35 21.1 35.4Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icons/uptime.svg b/public/assets/icons/uptime.svg
new file mode 100644
index 0000000..862d6c4
--- /dev/null
+++ b/public/assets/icons/uptime.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M30.3 32.55Q30.75 33 31.35 33Q31.95 33 32.45 32.5Q32.95 32 32.975 31.35Q33 30.7 32.5 30.25L25.65 23.4V14.8Q25.65 14.2 25.225 13.775Q24.8 13.35 24.15 13.35Q23.5 13.35 23.075 13.775Q22.65 14.2 22.65 14.85V24Q22.65 24.3 22.75 24.55Q22.85 24.8 23.05 25.05ZM24 44Q19.9 44 16.25 42.425Q12.6 40.85 9.875 38.125Q7.15 35.4 5.575 31.75Q4 28.1 4 24Q4 19.9 5.575 16.25Q7.15 12.6 9.875 9.875Q12.6 7.15 16.25 5.575Q19.9 4 24 4Q28.1 4 31.75 5.575Q35.4 7.15 38.125 9.875Q40.85 12.6 42.425 16.25Q44 19.9 44 24Q44 28.1 42.425 31.75Q40.85 35.4 38.125 38.125Q35.4 40.85 31.75 42.425Q28.1 44 24 44ZM24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24ZM24 41Q31 41 36 36Q41 31 41 24Q41 17 36 12Q31 7 24 7Q17 7 12 12Q7 17 7 24Q7 31 12 36Q17 41 24 41Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/icons/usage.svg b/public/assets/icons/usage.svg
new file mode 100644
index 0000000..d1eb04f
--- /dev/null
+++ b/public/assets/icons/usage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M42.15 32.55 37.75 30.1Q38.35 28.55 38.65 27.025Q38.95 25.5 38.95 24Q38.95 18.2 35.125 13.95Q31.3 9.7 25.6 9.2V4.1Q33.45 4.65 38.75 10.325Q44.05 16 44.05 23.8Q44.05 26.05 43.575 28.225Q43.1 30.4 42.15 32.55ZM24.05 44Q19.95 44 16.3 42.425Q12.65 40.85 9.925 38.15Q7.2 35.45 5.625 31.8Q4.05 28.15 4.05 24.05Q4.05 16.15 9.375 10.45Q14.7 4.75 22.6 4.15V9.25Q16.85 9.8 13 14.025Q9.15 18.25 9.15 24.05Q9.15 30.25 13.5 34.575Q17.85 38.9 24.05 38.9Q27.65 38.9 30.85 37.275Q34.05 35.65 36.3 32.7L40.7 35.25Q37.8 39.4 33.425 41.7Q29.05 44 24.05 44Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/plurality.js b/public/assets/plurality.js
deleted file mode 100644
index 745e149..0000000
--- a/public/assets/plurality.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * MIT License
- *
- * Copyright (c) 2022- Equestria.dev Developers
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- *
- */
-