diff options
author | Tor Andersson <tor@ccxvii.net> | 2023-01-25 14:32:35 +0100 |
---|---|---|
committer | Tor Andersson <tor@ccxvii.net> | 2023-02-18 13:02:39 +0100 |
commit | f4088d89982896efe2cbbed822c65d5abcbe1b61 (patch) | |
tree | a964aaefed95c3b9cbe23025c730ad5c2c6d7176 | |
parent | 37574c1a699907f36a7f241d3ca2db63d5c800ab (diff) | |
download | nevsky-f4088d89982896efe2cbbed822c65d5abcbe1b61.tar.gz |
Brighter action highlights.
-rw-r--r-- | images/shield_russian.svg | 3 | ||||
-rw-r--r-- | images/shield_teutonic.svg | 3 | ||||
-rw-r--r-- | play.html | 38 | ||||
-rw-r--r-- | rules.js | 1 |
4 files changed, 31 insertions, 14 deletions
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> @@ -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 */ @@ -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) |