From f4088d89982896efe2cbbed822c65d5abcbe1b61 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Wed, 25 Jan 2023 14:32:35 +0100
Subject: Brighter action highlights.

---
 images/shield_russian.svg  |  3 +++
 images/shield_teutonic.svg |  3 +++
 play.html                  | 38 +++++++++++++++++++++++++-------------
 rules.js                   |  1 -
 4 files changed, 31 insertions(+), 14 deletions(-)
 create mode 100644 images/shield_russian.svg
 create mode 100644 images/shield_teutonic.svg

diff --git a/images/shield_russian.svg b/images/shield_russian.svg
new file mode 100644
index 0000000..206bb8b
--- /dev/null
+++ b/images/shield_russian.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="125" viewBox="0 0 61.44 120" version="1.2">
+<path fill="none" stroke="white" stroke-width="4" d="M27.263 107.004S21.419 97.266 15.72 82.54C9.493 66.45 3.372 41.876 3.372 27.212c0-12.047 10.078-23.86 23.723-23.86h.34c13.644 0 23.718 11.813 23.718 23.86 0 14.664-6.12 39.238-12.343 55.328-5.7 14.726-11.547 24.464-11.547 24.464Zm0 0" transform="translate(2.754 3.193)"/>
+</svg>
diff --git a/images/shield_teutonic.svg b/images/shield_teutonic.svg
new file mode 100644
index 0000000..5d9919b
--- /dev/null
+++ b/images/shield_teutonic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="85" viewBox="0 0 72 81.5">
+<path fill="none" stroke="white" stroke-width="4" d="M8.532 7.23V38.9c0 14.743 7.5 21.028 13.832 24.942a2782.731 2782.731 0 0 0 13.629 8.352s7.289-4.438 13.62-8.352C55.95 59.928 63.45 53.643 63.45 38.901V7.229Zm0 0"/>
+</svg>
diff --git a/play.html b/play.html
index 389bb45..05cd129 100644
--- a/play.html
+++ b/play.html
@@ -301,7 +301,7 @@ body.Teutons #plan_actions .russian { display: none }
 }
 
 .mat.selected .background {
-	box-shadow: 0 0 0 1px #584800, 0 0 0 3px yellow;
+	box-shadow: 0 0 0 1px #584800, 0 0 0 4px yellow;
 }
 
 .mat .capabilities {
@@ -415,18 +415,30 @@ body.shift .mustered_vassals {
 }
 
 .mat .shield { position: absolute; }
+
 .mat.teutonic .shield {
-	top: 13px; left: 11px; width: 65px; height: 75px;
-	border-radius: 4px 4px 50% 50%;
+	top: 10px; left: 6px;
+	width: 75px; height: 85px;
+	border-radius: 0 0 50% 50%;
+	filter: drop-shadow(0 0 4px white);
 }
+
 .mat.russian .shield,
 .mat.yaroslav .shield {
-	top: 10px; left: 11px; width: 55px; height: 100px;
-	border-radius: 26px 26px 50% 50%;
+	top: 6px; left: 7px;
+	width: 63px; height: 125px;
+	border-radius: 30px 30px 50% 50%;
+	filter: drop-shadow(0 0 3px white);
+}
+
+.mat.russian .shield.action, .mat.yaroslav .shield.action {
+	background-image: url(images/shield_russian.svg);
+	filter: drop-shadow(0 0 3px white);
 }
 
-.mat .shield.action {
-	box-shadow: 0 0 6px 4px white, inset 0 0 6px white;
+.mat.teutonic .shield.action {
+	background-image: url(images/shield_teutonic.svg);
+	filter: drop-shadow(0 0 3px white);
 }
 
 .mat .forces { top: 96px; left: 66px; width: 240px; height: 96px; }
@@ -510,11 +522,11 @@ body.shift .mustered_vassals {
 }
 
 .asset.action {
-	box-shadow: 0 0 0 1px #444, 0 0 0 3px white !important;
+	box-shadow: 0 0 0 1px #444, 0 0 0 4px white !important;
 }
 
 .asset.selected {
-	box-shadow: 0 0 0 1px #444, 0 0 0 3px yellow !important;
+	box-shadow: 0 0 0 1px #444, 0 0 0 4px yellow !important;
 }
 
 .asset.boat.x1 { background-image: url(images/asset_boat_x1.png); }
@@ -681,11 +693,11 @@ body.shift .mustered_vassals {
 	filter: brightness(80%);
 }
 
-.card.action.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 3px white; }
-.card.action.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 3px white; }
+.card.action.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px white; }
+.card.action.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px white; }
 
-.card.selected.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 3px yellow; }
-.card.selected.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 3px yellow; }
+.card.selected.teutonic { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px yellow; }
+.card.selected.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px yellow; }
 
 /* MAP */
 
diff --git a/rules.js b/rules.js
index 6374570..0b60ecc 100644
--- a/rules.js
+++ b/rules.js
@@ -1,6 +1,5 @@
 "use strict"
 
-// TODO: die rolls in log - circled numbers/icons
 
 // FIXME: lift_sieges / besieged needs checking! (automatic after disband_lord, manual after move/sail, extra careful manual after battle)
 // FIXME: remove_legate_if_endangered needs checking! (automatic after disband_lord, manual after move/sail, manual after battle)
-- 
cgit v1.2.3