diff options
| -rw-r--r-- | play.css | 6 | ||||
| -rw-r--r-- | play.html | 16 | ||||
| -rw-r--r-- | play.js | 4 |
3 files changed, 10 insertions, 16 deletions
@@ -7,11 +7,9 @@ header { background-color: hsl(39, 25%, 75%); } #log .h3 { background-color: hsl(45, 30%, 80%); } body.French header.your_turn { background-color: hsl(195, 72%, 75%); } -#role_French .role_name { background-color: hsl(195, 72%, 80%); } +#role_French { background-color: hsl(195, 72%, 80%); } body.Coalition header.your_turn { background-color: white; } -#role_Coalition .role_name { background-color: white; } - -.role_vp { float: right; } +#role_Coalition { background-color: white; } #log .h1 { font-weight: bold; padding-top:2px; padding-bottom:2px; } #log .h2 { padding-top:1px; padding-bottom:1px; } @@ -34,18 +34,14 @@ <aside> <div id="roles"> <div class="role" id="role_French"> - <div class="role_name"> - French - <div class="role_vp"></div> - <div class="role_user">-</div> - </div> + <div class="role_name">French</div> + <div class="role_stat"></div> + <div class="role_user">-</div> </div> <div class="role" id="role_Coalition"> - <div class="role_name"> - Coalition - <div class="role_vp"></div> - <div class="role_user">-</div> - </div> + <div class="role_name">Coalition</div> + <div class="role_stat"></div> + <div class="role_user">-</div> </div> </div> <div id="log"></div> @@ -222,8 +222,8 @@ let ui = { remain: document.getElementById("marker_remain"), french_moves: document.getElementById("marker_french_moves"), prussian_moves: document.getElementById("marker_prussian_moves"), - french_vp: document.querySelector("#role_French .role_vp"), - coalition_vp: document.querySelector("#role_Coalition .role_vp"), + french_vp: document.querySelector("#role_French .role_stat"), + coalition_vp: document.querySelector("#role_Coalition .role_stat"), } for (let row = 0; row < data.map.rows; ++row) { |