gauvain/star-wars-wild-space
Private
Public Access
1
0
Fork 0
Code Activity

fix: Making the scoreBoard clearer

Browse Source
This commit is contained in:
gauvainboiche
2026-03-31 10:04:39 +02:00
parent e38997f154
commit fb63b1008e
4 changed files with 232 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
public/index.html
View File

@@ -90,30 +90,57 @@
<!-- Team score display -->
<div class="scoreBoard" id="scoreBoard">
<img src="./graphism/logo_resistance.svg" alt="Resistance" class="team-logo" />
<div class="scoreTeam scoreTeam--blue">
<span class="scoreTeamName">Résistance</span>
<div class="scoreStats">
<div class="scoreStat">
<span class="scoreStatVal scoreValue" id="scoreBlue">0</span>
<span class="scoreStatLabel">Tuiles</span>
<div class="scoreBoardContent">
<div class="scoreBoardRow">
<div class="scoreTeam scoreTeam--blue">
<span class="scoreTeamName">Résistance</span>
<div class="scoreStats">
<div class="scoreStat">
<span class="scoreStatVal scoreValue" id="scoreBlue">0</span>
<span class="scoreStatLabel">Tuiles</span>
</div>
<div class="scoreStat">
<span class="scoreStatVal scoreVP" id="vpBlue">0</span>
<span class="scoreStatLabel">Points</span>
</div>
</div>
</div>
<div class="scoreStat">
<span class="scoreStatVal scoreVP" id="vpBlue">0</span>
<span class="scoreStatLabel">Points</span>
<span class="scoreSep">—</span>
<div class="scoreTeam scoreTeam--red">
<span class="scoreTeamName">Premier Ordre</span>
<div class="scoreStats">
<div class="scoreStat">
<span class="scoreStatVal scoreVP" id="vpRed">0</span>
<span class="scoreStatLabel">Points</span>
</div>
<div class="scoreStat">
<span class="scoreStatVal scoreValue" id="scoreRed">0</span>
<span class="scoreStatLabel">Tuiles</span>
</div>
</div>
</div>
</div>
</div>
<span class="scoreSep">—</span>
<div class="scoreTeam scoreTeam--red">
<span class="scoreTeamName">Premier Ordre</span>
<div class="scoreStats">
<div class="scoreStat">
<span class="scoreStatVal scoreVP" id="vpRed">0</span>
<span class="scoreStatLabel">Points</span>
<!-- Income summary + cumulative economic score (inside scoreBoard) -->
<div class="scoreBoardEcon">
<div class="econSummaryRow">
<span class="econSummaryTeam econSummaryTeam--blue econSummaryTeam--center">
<span class="econSummaryVal" id="incomeBlue">+0.000/s</span>
</span>
<span class="econSummarySep">—</span>
<span class="econSummaryTeam econSummaryTeam--red econSummaryTeam--center">
<span class="econSummaryVal" id="incomeRed">+0.000/s</span>
</span>
</div>
<div class="scoreStat">
<span class="scoreStatVal scoreValue" id="scoreRed">0</span>
<span class="scoreStatLabel">Tuiles</span>
<div class="econSummaryRow econSummaryRow--score">
<span class="econSummaryTeam econSummaryTeam--blue econSummaryTeam--center">
<span class="econScoreVal" id="econScoreBlue">0.000</span>
<span class="econDelta" id="econDeltaBlue"></span>
</span>
<span class="econSummarySep">—</span>
<span class="econSummaryTeam econSummaryTeam--red econSummaryTeam--center">
<span class="econDelta" id="econDeltaRed"></span>
<span class="econScoreVal" id="econScoreRed">0.000</span>
</span>
</div>
</div>
</div>
@@ -164,34 +191,6 @@
<pre id="details" class="details details--hidden">Les stats sont vides sauf à cliquer sur une tuile exploitable.</pre>
</details>
<!-- Team income summary + cumulative economic score -->
<div class="econSummary">
<!-- Row 1: income per second -->
<div class="econSummaryRow">
<span class="econSummaryTeam econSummaryTeam--blue">
<span class="econSummaryLabel">Résistance</span>
<span class="econSummaryVal" id="incomeBlue">+0.000/s</span>
</span>
<span class="econSummarySep">—</span>
<span class="econSummaryTeam econSummaryTeam--red">
<span class="econSummaryVal" id="incomeRed">+0.000/s</span>
<span class="econSummaryLabel">Premier Ordre</span>
</span>
</div>
<!-- Row 2: cumulative economic score -->
<div class="econSummaryRow econSummaryRow--score">
<span class="econSummaryTeam econSummaryTeam--blue">
<span class="econScoreVal" id="econScoreBlue">0.000</span>
<span class="econDelta" id="econDeltaBlue"></span>
</span>
<span class="econSummarySep">—</span>
<span class="econSummaryTeam econSummaryTeam--red">
<span class="econDelta" id="econDeltaRed"></span>
<span class="econScoreVal" id="econScoreRed">0.000</span>
</span>
</div>
</div>
<!-- Resources overview (collapsible) -->
<details class="panel panelCollapsible">
<summary class="panelTitle panelTitleSummary">💰 Ressources</summary>
@@ -200,10 +199,10 @@
</div>
</details>
<!-- Element bonus section -->
<div class="elemBonusSection">
<div class="elemBonusSectionTitle">⚡ Bonus d'exploration</div>
<div class="elemBonusRow">
<!-- Element bonus (collapsible) -->
<details class="panel panelCollapsible">
<summary class="panelTitle panelTitleSummary">⚡ Bonus d'exploration</summary>
<div class="elemBonusTotals">
<span class="elemBonusTeam elemBonusTeam--blue">
<span class="elemBonusLabel">Résistance</span>
<span class="elemBonusVal" id="elemBonusBlue">0.00</span>
@@ -215,12 +214,15 @@
<span class="elemBonusUnit">%</span>
<span class="elemBonusLabel">Premier Ordre</span>
</span>
<span class="elemBonusEffective">
<span class="elemBonusDetailLabel">Recharge :</span>
<span class="elemBonusDetailVal" id="effectiveCooldown">—</span>
</span>
</div>
<div class="elemBonusDetail">
<span class="elemBonusDetailLabel">Recharge d'équipe :</span>
<span class="elemBonusDetailVal" id="effectiveCooldown">—</span>
<div id="elementBonusTableBody" class="econTableWrap">
<p class="econEmpty">Chargement…</p>
</div>
</div>
</details>
<!-- Admin / options section -->
<div class="infoSection infoSection--options">