From 70dddf939d32eefdb70346febd40fa639ee3d39d Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 21 Jun 2021 20:48:31 +0200
Subject: crusader: Storming!

---
 play.html | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 87339e9..3ff067d 100644
--- a/play.html
+++ b/play.html
@@ -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>
-- 
cgit v1.2.3