Use a table to show information
authorGreg Burri <greg.burri@gmail.com>
Wed, 17 Mar 2021 21:22:11 +0000 (22:22 +0100)
committerGreg Burri <greg.burri@gmail.com>
Wed, 17 Mar 2021 21:22:11 +0000 (22:22 +0100)
backend/style.scss
backend/templates/main.html

index 99db66f..abf4ca0 100644 (file)
@@ -6,18 +6,25 @@
 body {
   font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
   text-shadow: 2px 2px 2px rgb(112, 112, 112);
-  text-align: center;
   color: #bdbdbd;
   background-color: #252525;
 }
 
+table {
+  margin: 10px
+}
+
+table td {
+  padding: 5px
+}
+
 h1 {
-  font-size: 25px;
+  font-size: x-large;
   margin: 20px;
 }
 
 p {
-  font-size: 18px;
+  font-size: medium;
   margin: 12px;
 }
 
index f33887e..aef9992 100644 (file)
     <body>\r
         <div class="container">\r
             <h1>{{ text_status }}</h1>\r
-            <p>Number of active players: {{ nb_of_players }}</p>\r
-            <p>World size: {{ world_size }}</p>\r
-            <p>Memory used: {{ memory }}</p>\r
-            <p>Load average (5 min): {{ load_average }}</p>\r
-            <p>Uptime: {{ uptime }}</p>\r
-            <p>Last backup: {{ last_backup }}</p>\r
+            <table>\r
+                <tr><td>Number of active players</td><td>{{ nb_of_players }}</td>\r
+                <tr><td>World size</td><td>{{ world_size }}</td></tr>\r
+                <tr><td>Memory used</td><td>{{ memory }}</td></tr>\r
+                <tr><td>Load average (5 min)</td><td>{{ load_average }}</td></tr>\r
+                <tr><td>Uptime</td><td>{{ uptime }}</td></tr>\r
+                <tr><td>Last backup</td><td>{{ last_backup }}</td></tr>\r
+            </table>\r
         </div>\r
     </body>\r
 </html>
\ No newline at end of file