diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 26 |
1 files changed, 19 insertions, 7 deletions
@@ -163,16 +163,26 @@ body.shift .block.known:hover { .block.moved { filter: brightness(80%) grayscale(40%); } .block.highlight.moved { filter: brightness(95%) grayscale(40%); } -.map .block.castle { border-color: #444; } +.map .block.castle.known { border-color: #444; filter: grayscale(50%); } +.map .block.castle:not(.known) { + background-image: url("/crusader-rex/besieged.svg"); + background-size: 60%; + background-position: center; +} +.map .block.besieging:not(.known) { + background-image: url("/crusader-rex/besieging.svg"); + background-size: 60%; + background-position: center; +} .block.r0 { transform: rotate(0deg); } .block.r1 { transform: rotate(-90deg); } .block.r2 { transform: rotate(-180deg); } .block.r3 { transform: rotate(-270deg); } -.block.r0hh { transform: rotate(-30deg); } -.block.r1hh { transform: rotate(-120deg); } -.block.r2hh { transform: rotate(-210deg); } -.block.r3hh { transform: rotate(-300deg); } +.block.r0.halfhit { transform: rotate(-15deg); } +.block.r1.halfhit { transform: rotate(-105deg); } +.block.r2.halfhit { transform: rotate(-195deg); } +.block.r3.halfhit { transform: rotate(-285deg); } .block { transition-property: top, left, transform; @@ -331,10 +341,12 @@ body.shift .block.known:hover { <div id="prompt" class="prompt">$PROMPT</div> <button id="eliminate_button" class="hide" onclick="on_button_eliminate()">Eliminate</button> - <button id="sea_move_button" class="hide" onclick="on_button_sea_move()">Sea Move</button> + <button id="group_move_button" class="hide" onclick="on_button_group_move()">Group move</button> + <button id="end_group_move_button" class="hide" onclick="on_button_end_group_move()">End group move</button> + <button id="sea_move_button" class="hide" onclick="on_button_sea_move()">Sea move</button> + <button id="end_sea_move_button" class="hide" onclick="on_button_end_sea_move()">End sea move</button> <button id="muster_button" class="hide" onclick="on_button_muster()">Muster</button> <button id="end_muster_button" class="hide" onclick="on_button_end_muster()">End muster</button> - <button id="end_sea_move_button" class="hide" onclick="on_button_end_sea_move()">End sea move</button> <button id="end_retreat_button" class="hide" onclick="on_button_end_retreat()">End retreat</button> <button id="end_regroup_button" class="hide" onclick="on_button_end_regroup()">End regroup</button> <button id="end_move_phase_button" class="hide" onclick="on_button_end_move_phase()">End move phase</button> |