diff options
-rw-r--r-- | play.html | 18 | ||||
-rw-r--r-- | rules.js | 1 | ||||
-rw-r--r-- | ui.js | 9 |
3 files changed, 19 insertions, 9 deletions
@@ -427,7 +427,7 @@ X#FR { background-image: linear-gradient(182deg, tan 30%, olivedrab 35%); } <div class="image_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div> <div class="image_button chat_button" onclick="toggle_chat()"><img src="/images/chat-bubble.svg"></div> - <div id="prompt" class="prompt">$PROMPT</div> + <div id="prompt" class="prompt">Connecting...</div> <button id="eliminate_button" class="hide" onclick="on_button_eliminate()">Eliminate</button> <button id="winter_campaign_button" class="hide" onclick="on_button_winter_campaign()">Winter campaign</button> @@ -449,18 +449,24 @@ X#FR { background-image: linear-gradient(182deg, tan 30%, olivedrab 35%); } <div class="grid_role"> <div class="role one"> - <div class="role_vp" id="frank_vp"></div> - <div class="role_name">Franks (<span class="role_user">$USER</span>)</div> + <div class="role_name"> + Franks + <div class="role_vp" id="frank_vp"></div> + <div class="role_user">-</div> + </div> <div class="role_info"><div class="small_card card_back" id="frank_card"></div></div> </div> <div class="role two"> - <div class="role_vp" id="saracen_vp"></div> - <div class="role_name">Saracens (<span class="role_user">$USER</span>)</div> + <div class="role_name"> + Saracens + <div class="role_vp" id="saracen_vp"></div> + <div class="role_user">-</div> + </div> <div class="role_info"><div class="small_card card_back" id="saracen_card"></div></div> </div> - <div id="turn">$TURN</div> + <div class="turn_info">-</div> </div> @@ -3385,6 +3385,7 @@ states.game_over = { function setup_game() { reset_blocks(); game.year = 1187; + game.turn = 0; for (let b in BLOCKS) { if (block_owner(b) == FRANKS) { switch (block_type(b)) { @@ -568,11 +568,14 @@ function update_map() { document.getElementById("frank_vp").textContent = game.f_vp + " VP"; document.getElementById("saracen_vp").textContent = game.s_vp + " VP"; document.getElementById("timeline").className = "year_" + game.year; - if (game.turn < 6) - document.getElementById("turn").textContent = + if (game.turn < 1) + document.querySelector(".turn_info").textContent = + "Year " + game.year; + else if (game.turn < 6) + document.querySelector(".turn_info").textContent = "Turn " + game.turn + " of Year " + game.year; else - document.getElementById("turn").textContent = + document.querySelector(".turn_info").textContent = "Winter Turn of Year " + game.year; for (let town in TOWNS) |