tAdd cards for use with JS - 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 9778e860b1c282e098ad4bc083c6dbafd1f745e1
(DIR) parent ebb011f0c05086c53a322f74cbb6b69572b652dc
(HTM) Author: Willy Goiffon <dev@z3bra.org>
Date: Wed, 4 Mar 2020 23:13:46 +0100
Add cards for use with JS
Diffstat:
M hadarawgs.css | 17 +++++++++++++++++
M hadarawgs_hadarawgs.tpl | 15 +++++++++++++++
2 files changed, 32 insertions(+), 0 deletions(-)
---
(DIR) diff --git a/hadarawgs.css b/hadarawgs.css
t@@ -66,3 +66,20 @@
.icon_dragon { background-position: -64px 0px; }
.icon_pegasus { background-position: 0px -38px; }
.icon_lion { background-position: -32px -38px; }
+
+.card {
+ width: 64px;
+ height: 90px;
+ border-radius: 6px;
+ display: inline-block;
+ box-shadow: 0 0 4px;
+}
+
+.card_income { background-color: #ffff66; }
+.card_military { background-color: #ffaaaa; }
+.card_culture { background-color: #aaaaff; }
+.card_food { background-color: #aaffaa; }
+
+.card_epoch_1::after { padding: 4px; content: "I"; }
+.card_epoch_2::after { padding: 4px; content: "II"; }
+.card_epoch_3::after { padding: 4px; content: "III"; }
(DIR) diff --git a/hadarawgs_hadarawgs.tpl b/hadarawgs_hadarawgs.tpl
t@@ -22,6 +22,21 @@
<div class="icon icon_animal icon_pegasus"></div>
<div class="icon icon_animal icon_lion"></div>
</div>
+<div id="cards" class="debug">
+ <h3>Cards</h3>
+ <div class="card card_income card_epoch_1"></div>
+ <div class="card card_income card_epoch_2"></div>
+ <div class="card card_income card_epoch_3"></div>
+ <div class="card card_military card_epoch_1"></div>
+ <div class="card card_military card_epoch_2"></div>
+ <div class="card card_military card_epoch_3"></div>
+ <div class="card card_culture card_epoch_1"></div>
+ <div class="card card_culture card_epoch_2"></div>
+ <div class="card card_culture card_epoch_3"></div>
+ <div class="card card_food card_epoch_1"></div>
+ <div class="card card_food card_epoch_2"></div>
+ <div class="card card_food card_epoch_3"></div>
+</div>
<script type="text/javascript">
var jstpl_player_board = '<div class="pp_board">\