diff --git a/client.html b/client.html index 40161ba..ec1712c 100644 --- a/client.html +++ b/client.html @@ -44,9 +44,49 @@ max-width: 100vw; max-height: 100vh; object-fit: contain; - cursor: none; display: block; } + #gameCanvas.watching { cursor: default; } + #gameCanvas.controlling { cursor: none; } + + #queue-panel { + position: fixed; + top: 10px; + right: 10px; + background: rgba(0,0,0,0.75); + padding: 10px 14px; + border-radius: 4px; + font-size: 12px; + z-index: 10; + min-width: 180px; + } + #queue-panel h3 { font-size: 12px; color: #ffcc00; margin-bottom: 6px; } + #queue-panel .controller-row { color: #4fc; margin-bottom: 4px; } + #queue-panel .queue-row { color: #aaa; margin-bottom: 2px; } + #queue-panel .you { color: #fff; font-weight: bold; } + + #loading-overlay { + display: none; + position: fixed; + inset: 0; + background: rgba(0,0,0,0.85); + flex-direction: column; + align-items: center; + justify-content: center; + z-index: 100; + } + #loading-overlay.visible { display: flex; } + #loading-overlay p { color: #fff; font-size: 14px; margin-bottom: 16px; } + .spinner { + width: 48px; + height: 48px; + border: 4px solid #333; + border-top-color: #4fc; + border-radius: 50%; + animation: spin 0.8s linear infinite; + } + @keyframes spin { to { transform: rotate(360deg); } } + #faq { position: fixed; bottom: 40px; @@ -65,11 +105,24 @@
Switching player — please wait...
+ +This is the unloze webclient. You can play Zombie escape, Minigame and Zombie Riot with it. Visit our website at: https://unloze.com
The IP is 51.195.188.106:27015.
+The IP is 51.195.188.106:27015.
We have our own self hosted stoat instance: https://unloze.com/stoat/
+We have our own self hosted stoat instance: https://unloze.com/stoat/