From b19568b1abd312347bfac4122f67aeeb73382eed Mon Sep 17 00:00:00 2001
From: Johan Lundberg <lundberg@snakedesert.se>
Date: Fri, 2 May 2025 20:55:54 +0200
Subject: [PATCH] add online time and deaths to player card

---
 generate_data.py | 2 +-
 static/script.js | 2 ++
 static/style.css | 9 +++++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/generate_data.py b/generate_data.py
index de21bde7..fdbbfd1a 100644
--- a/generate_data.py
+++ b/generate_data.py
@@ -6,7 +6,7 @@ from main import TelemetrySnapshot
 
 def main() -> None:
     wait = 10
-    online_time = -10
+    online_time = 24 * 3600  # start at 1 day
     ew = 0
     ns = 0
     while True:
diff --git a/static/script.js b/static/script.js
index 0b6b9aff..bfe94b72 100644
--- a/static/script.js
+++ b/static/script.js
@@ -209,6 +209,8 @@ function render(players) {
     <span class="stat kph">${p.kills_per_hour}</span>
     <span class="stat rares">${p.rares_found}</span>
     <span class="stat meta">${p.vt_state}</span>
+    <span class="stat onlinetime">${p.onlinetime}</span>
+    <span class="stat deaths">${p.deaths}</span>
   `;
   
     li.addEventListener('click', () => selectPlayer(p, x, y));
diff --git a/static/style.css b/static/style.css
index 031a41be..b6a7286d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -156,11 +156,12 @@ body {
 #playerList li {
   display: grid;
   grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto auto;
+  grid-template-rows: auto auto auto auto;
   grid-template-areas:
     "name  loc"
     "kills kph"
-    "rares meta";
+    "rares meta"
+    "onlinetime deaths";
   gap: 4px 8px;
   margin: 6px 0;
   padding: 8px 10px;
@@ -178,6 +179,8 @@ body {
 .stat.kph   { grid-area: kph; }
 .stat.rares { grid-area: rares; }
 .stat.meta  { grid-area: meta; }
+.stat.onlinetime  { grid-area: onlinetime; }
+.stat.deaths  { grid-area: deaths; }
 
 /* pill styling */
 #playerList li .stat {
@@ -198,6 +201,8 @@ body {
   background: var(--accent);
   color: #111;
 }
+.stat.onlinetime::before { content: "🕑 "}
+.stat.deaths::before { content: "💀 "}
 
 /* hover & selected states */
 #playerList li:hover    { background: var(--card-hov); }