summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--play.css7
-rw-r--r--play.html27
-rw-r--r--play.js6
3 files changed, 15 insertions, 25 deletions
diff --git a/play.css b/play.css
index d98c8ce..c339351 100644
--- a/play.css
+++ b/play.css
@@ -109,10 +109,11 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
#event_reminder_list {
position: absolute;
display: flex;
- flex-rap: wrap;
+ flex-wrap: wrap;
gap: 5px;
- bottom: 165px;
- right: 195px;
+ top: 1650px;
+ left: 600px;
+ width: 200px;
}
.marker {
diff --git a/play.html b/play.html
index eb2f495..473be26 100644
--- a/play.html
+++ b/play.html
@@ -53,27 +53,12 @@
<div id="map">
<div id="spaces"></div>
<div id="markers">
- <div id="marker_turn" class="marker"></div>
- <div id="marker_action_round" class="marker"></div>
- <div id="marker_stability_track" class="marker"></div>
- <div id="marker_dem_tst" class="marker"></div>
- <div id="marker_com_tst" class="marker"></div>
- <div id="marker_vp" class="marker"></div>
-
- <!-- TODO
- <div class="germany marker" id="East_Germany">
- <p class="times_held hide" id="East_Germany_times_held">1</p></div>
- <div class="poland marker" id="Poland">
- <p class="times_held hide" id="Poland_times_held">1</p></div>
- <div class="czech marker" id="Czechoslovakia">
- <p class="times_held hide" id="Czechoslovakia_times_held">1</p></div>
- <div class="hungary marker" id="Hungary">
- <p class="times_held hide" id="Hungary_times_held">1</p></div>
- <div class="romania marker" id="Romania">
- <p class="times_held hide" id="Romania_times_held">1</p></div>
- <div class="bulgaria marker" id="Bulgaria">
- <p class="times_held hide" id="Bulgaria_times_held">1</p></div>
- -->
+ <div id="marker_turn" class="marker" style="left: 653px; top: 79px;"></div>
+ <div id="marker_action_round" class="marker dem" style="left: 708px; top: 141px;"></div>
+ <div id="marker_stability_track" class="marker" style="left: 1380px; top: 1080px;"></div>
+ <div id="marker_dem_tst" class="marker" style="left: 52px; top: 2127px;"></div>
+ <div id="marker_com_tst" class="marker" style="left: 52px; top: 2256px;"></div>
+ <div id="marker_vp" class="marker" style="left: 846px; top: 2425px;"></div>
<!-- PERMANENT EVENT MARKERS ON THE BOARD -->
<div id="event_reminder_list"></div>
diff --git a/play.js b/play.js
index 9ac9e60..4658044 100644
--- a/play.js
+++ b/play.js
@@ -284,7 +284,8 @@ function on_update() {
if (!ui.spaces)
create_ui()
- // UPDATE ASIDE
+ // UPDATE PLAYER INFO
+
if (view.is_pwr_struggle) {
roles.Democrat.stat.textContent = `${view.democrat_power_hand} Power cards`
roles.Communist.stat.textContent = `${view.communist_power_hand} Power cards`
@@ -292,9 +293,11 @@ function on_update() {
roles.Democrat.stat.textContent = `${view.democrat_hand} cards`
roles.Communist.stat.innerText = `${view.communist_hand} cards`
}
+
ui.turn_info.innerText = `Strategy deck: ${view.strategy_deck} cards`
// UPDATE TRACK MARKERS
+
layout_turn_marker()
layout_round_marker()
layout_stability_marker()
@@ -338,6 +341,7 @@ function on_update() {
ui.event_reminder_list.appendChild(ui.events[id])
// UPDATE INFLUENCE VALUES
+
for (let s = 1; s <= last_space; ++s) {
const demInfl = view.demInfl[s]
const comInfl = view.comInfl[s]