diff options
| -rw-r--r-- | play.html | 8 | ||||
| -rw-r--r-- | play.js | 2 |
2 files changed, 5 insertions, 5 deletions
@@ -248,7 +248,7 @@ div.congress_box.action { } -/* 2D CUBES */ +/* 3D CUBES */ .piece.cube { width: 21px; height: 25px; } .piece.red.cube { background-image: url(pieces/iso_red_cube.svg); } .piece.yellow.cube { background-image: url(pieces/iso_yellow_cube.svg); } @@ -266,8 +266,8 @@ div.congress_box.action { width: 30px; height: 30px; border-radius: 50%; - border: 1px solid black; - background-color: #666; + border: 3px solid white; + backdrop-filter: invert(80%); } .piece.yes { width: 42px; height: 32px; background-size: 42px 32px; background-image: url(pieces/yes.svg); } @@ -986,7 +986,7 @@ c5 3 13 7 17 8 8 2 9 3 11 12 1 5 5 12 8 16 5 8 5 8 3 22 l-3 14 -30 -1 c-35 <div id="AtlanticAppalachia" class="region" style="top:332px;left:763px;"></div> <div id="Northeast" class="region" style="top:157px;left:880px;"></div> - <div id="turn" class="piece turn" style="left:800px;top:765px;"></div> + <div id="turn" class="piece turn" style="left:806px;top:770px;"></div> <div id="congress_box" class="congress_box" style="left:490px;top:760px;width:270px;height:60px;"> </div> <div id="support_buttons" class="button_box" style="left:4px;top:40px;width:50px;height:534px;"> @@ -602,7 +602,7 @@ function on_update() { // eslint-disable-line no-unused-vars document.getElementById("support_info").textContent = support_info() document.getElementById("opposition_info").textContent = opposition_info() - ui.turn.style.left = 800 + (42 * (view.turn - 1)) + "px" + ui.turn.style.left = 806 + (42 * (view.turn - 1)) + "px" ui.congress_box.replaceChildren() ui.congress_box.classList.toggle("action", !view.congress && is_action("congress")) |