Projecten/game2
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

laatste versie

Browse Source
This commit is contained in:
martijn.diersmann@pm.me
2026-09-26 23:25:04 +02:00
parent 32c7696bda
commit 4bdac1e6e8
9 changed files with 267 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+42
View File
@@ -195,6 +195,48 @@ input::placeholder { color: #667; }
}
#minimap { width: 100%; height: 100%; display: block; }
/* ---- Host / toeschouwer: koploperspaneel ---- */
body.spectator #hudSpeed,
body.spectator #hudPos,
body.spectator #hudDist,
body.spectator #minimapWrap,
body.spectator #controls { display: none; }
#spectate {
position: absolute;
top: calc(86px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%);
width: min(300px, 86vw);
background: var(--card);
border: 1px solid var(--gold);
border-radius: 16px;
padding: 12px 14px;
text-align: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, .45), 0 0 30px rgba(255, 217, 61, .18);
}
.spectate-head {
font-size: 14px; font-weight: 800; letter-spacing: 3px;
color: var(--gold); text-shadow: 0 0 14px rgba(255, 217, 61, .8);
margin-bottom: 2px;
}
.spectate-count { font-size: 11px; letter-spacing: 1.5px; color: var(--neon); margin-bottom: 8px; text-transform: uppercase; }
.spectate-follow {
margin-top: 8px; font-size: 11.5px; letter-spacing: .4px;
color: var(--neon); text-shadow: 0 0 8px rgba(0, 240, 255, .5);
}
#kopList { list-style: none; }
#kopList li {
display: flex; gap: 8px; align-items: center;
font-size: 14px; padding: 5px 6px; border-radius: 8px; color: #e6eeff;
}
#kopList li.top { background: rgba(255, 217, 61, .16); box-shadow: inset 0 0 0 1px rgba(255, 217, 61, .55); }
#kopList li.rest { color: #8fa0d0; font-size: 12px; justify-content: center; padding-top: 4px; }
#kopList .rk { width: 20px; text-align: right; color: #8fa0d0; font-weight: 800; font-variant-numeric: tabular-nums; }
#kopList li.top .rk { color: var(--gold); }
#kopList .dot { width: 10px; height: 10px; border-radius: 50%; flex: none; box-shadow: 0 0 8px currentColor; }
#kopList .nm { flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kopList .st { font-size: 11.5px; color: #9fb0dd; font-variant-numeric: tabular-nums; }
/* Toasts */
#toasts { position: absolute; top: calc(170px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 6px; align-items: center; pointer-events: none; width: 86%; }
.toast {