dennii/Connect-5
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Connect-5.git synced 2026-04-29 18:43:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Redesign status bar to split Turn Info (left) and Player Identity (right)

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-21 20:15:46 +11:00
parent 91535dc8fc
commit acf32d0418
3 changed files with 111 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -66,16 +66,23 @@
</div>
<div class="game-info">
<div class="status-container">
<div class="turn-indicator">
<span class="label" id="turnLabel">Current Turn:</span>
<div class="player-display">
<div class="game-status-bar">
<!-- Left Side: Turn Status -->
<div class="status-left">
<div class="turn-display">
<span class="label">Current Turn:</span>
<span class="player-marker" id="currentPlayer">X</span>
</div>
<!-- Status text integrated here -->
<span class="status-text-small" id="statusMessage">Player X starts</span>
</div>
<div class="status-divider"></div>
<div class="status-text" id="statusMessage">
Player X starts the game
<!-- Right Side: Player Identity (Multiplayer only) -->
<div class="status-right" id="playerIdentitySection" style="display: none;">
<span class="label">You are:</span>
<div class="player-display">
<span class="player-marker" id="playerIdentity">?</span>
</div>
</div>
</div>