tDelimitate playerboard zones with colors - hadarawgs - Hadara adaptation for boardgamearena.com
(HTM) git clone git://git.z3bra.org/hadarawgs.git
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) LICENSE
---
(DIR) commit a98f599e83bac5840dbb28dad25dd2065cf07607
(DIR) parent a390ae22816bc00cc580aa1c8b86ff8fecee71a8
(HTM) Author: Willy Goiffon <dev@z3bra.org>
Date: Mon, 18 May 2020 18:02:08 +0200
Delimitate playerboard zones with colors
Diffstat:
M hadarawgs.css | 35 ++++++++++++++++++++++++++-----
M hadarawgs_hadarawgs.tpl | 38 ++++++++++++++++---------------
2 files changed, 50 insertions(+), 23 deletions(-)
---
(DIR) diff --git a/hadarawgs.css b/hadarawgs.css
t@@ -58,15 +58,40 @@
.player_ffffff::after { fond-size: 70%; content: " - pegasus"; }
.player_ffb000::after { fond-size: 70%; content: " - lion"; }
-resource_income { color: orange; }
-resource_military { color: red; }
-resource_culture { color: blue; }
-resource_food { color: green; }
+.resource_income { background-color: goldenrod; }
+.resource_military { background-color: firebrick; }
+.resource_culture { background-color: skyblue; }
+.resource_food { background-color: green; }
+
+.resource {
+ width: 20px;
+ height: 20px;
+ display: inline-block;
+ text-align: center;
+}
+
+.medal_silver, .medal_gold {
+ width: 20px;
+ height: 20px;
+ display:inline-block;
+}
+.medal_silver { background-color: silver; }
+.medal_gold { background-color: gold; }
.colony {
width: 20px;
height: 20px;
- background-color: red;
+ background-color: firebrick;
+ display:inline-block;
+ text-align: center;
+}
+
+.statue {
+ width: 20px;
+ height: 20px;
+ background-color: lightskyblue;
+ display:inline-block;
+ text-align: center;
}
/*
(DIR) diff --git a/hadarawgs_hadarawgs.tpl b/hadarawgs_hadarawgs.tpl
t@@ -1,22 +1,17 @@
{OVERALL_GAME_HEADER}
+<div id="player_hand" class="whiteblock"></div>
+
<div class="playerboards">
<!-- BEGIN player -->
<div id="board_p{PLAYER_ID}" class="playerboard whiteblock">
<h3 style="color:#{PLAYER_COLOR}" class="player_{PLAYER_COLOR}">{PLAYER_NAME}</h3>
<div class="animal_p{PLAYER_ID} icon_animal icon_{PLAYER_COLOR}"></div>
<div class="playerboard_resources">
- <span class="resource resource_income"><span id="income_p{PLAYER_ID}">-</span></span>
- <span class="resource resource_military"><span id="military_p{PLAYER_ID}">-</span></span>
- <span class="resource resource_culture"><span id="culture_p{PLAYER_ID}">-</span></span>
- <span class="resource resource_food"><span id="food_p{PLAYER_ID}">-</span></span>
- </div>
- <div class="colony_area">
- <div id="colony3_p{PLAYER_ID}" class="colony"></div>
- <div id="colony9_p{PLAYER_ID}" class="colony"></div>
- <div id="colony15_p{PLAYER_ID}" class="colony"></div>
- <div id="colony21_p{PLAYER_ID}" class="colony"></div>
- <div id="colony30_p{PLAYER_ID}" class="colony"></div>
+ <div class="resource resource_income"><span id="income_p{PLAYER_ID}">-</span></div>
+ <div class="resource resource_military"><span id="military_p{PLAYER_ID}">-</span></div>
+ <div class="resource resource_culture"><span id="culture_p{PLAYER_ID}">-</span></div>
+ <div class="resource resource_food"><span id="food_p{PLAYER_ID}">-</span></div>
</div>
<div class="medal_area">
<div id="silver1_p{PLAYER_ID}" class="medal_silver"></div>
t@@ -24,20 +19,27 @@
<div id="gold1_p{PLAYER_ID}" class="medal_gold"></div>
<div id="gold2_p{PLAYER_ID}" class="medal_gold"></div>
</div>
+ <div class="colony_area">
+ <div id="colony3_p{PLAYER_ID}" class="colony">3</div>
+ <div id="colony9_p{PLAYER_ID}" class="colony">9</div>
+ <div id="colony15_p{PLAYER_ID}" class="colony">15</div>
+ <div id="colony21_p{PLAYER_ID}" class="colony">21</div>
+ <div id="colony30_p{PLAYER_ID}" class="colony">30</div>
+ </div>
<div class="statue_area">
- <div id="statue1_p{PLAYER_ID}" class="statue"></div>
- <div id="statue2_p{PLAYER_ID}" class="statue"></div>
- <div id="statue3_p{PLAYER_ID}" class="statue"></div>
- <div id="statue4_p{PLAYER_ID}" class="statue"></div>
+ <div id="statue1_p{PLAYER_ID}" class="statue">6</div>
+ <div id="statue2_p{PLAYER_ID}" class="statue">12</div>
+ <div id="statue3_p{PLAYER_ID}" class="statue">20</div>
+ <div id="statue4_p{PLAYER_ID}" class="statue">30</div>
</div>
- <div id="deck_p{PLAYER_ID}"class="card_area">card zone</div>
+ <div id="deck_p{PLAYER_ID}"class="whiteblock card_area"></div>
</div>
<!-- END player -->
</div>
<div id="gameboard" class="debug">
- <div id="deck" class="whiteblock deck"></div>
- <div id="discard" class="whiteblock deck discard"></div>
+ <div id="deck" class="deck"></div>
+ <div id="discard" class="deck discard"></div>
</div>
<div id="animals" class="whiteblock debug">