card images

2 files changed, 140 insertions, 11 deletions

diff --git a/play.css b/play.css
index 8b9126a..f2cd854 100644
--- a/play.css
+++ b/play.css
@@ -476,11 +476,11 @@ body.shift #capabilities2 {
 	filter: brightness(80%);
 }
 
-.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.action.york { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px white; }
+.card.action.lancaster { 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 4px yellow; }
-.card.selected.russian { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px yellow; }
+.card.selected.york { background-color: #e1e6e8; box-shadow: 0 0 0 1px #666a6c, 0 0 0 4px yellow; }
+.card.selected.lancaster { background-color: #e1d6c1; box-shadow: 0 0 0 1px #665c4a, 0 0 0 4px yellow; }
 
 /* MAP */
 
@@ -621,6 +621,136 @@ body.shift #capabilities2 {
 
 /* CARD IMAGES */
 
+.card.cc.lancaster.lancaster_1 { background-image: url(cards.1x/cc_lancaster_1.png) }
+.card.cc.lancaster.lancaster_2 { background-image: url(cards.1x/cc_lancaster_2.png) }
+.card.cc.lancaster.lancaster_3 { background-image: url(cards.1x/cc_lancaster_3.png) }
+.card.cc.lancaster.lancaster_4 { background-image: url(cards.1x/cc_lancaster_4.png) }
+.card.cc.lancaster.lancaster_5 { background-image: url(cards.1x/cc_lancaster_5.png) }
+.card.cc.lancaster.lancaster_6 { background-image: url(cards.1x/cc_lancaster_6.png) }
+.card.cc.lancaster.lancaster_7 { background-image: url(cards.1x/cc_lancaster_7.png) }
+.card.cc.lancaster.lancaster_8 { background-image: url(cards.1x/cc_lancaster_8.png) }
+.card.cc.lancaster.lancaster_9 { background-image: url(cards.1x/cc_lancaster_9.png) }
+.card.cc.lancaster.lancaster_10 { background-image: url(cards.1x/cc_lancaster_10.png) }
+.card.cc.lancaster.lancaster_11 { background-image: url(cards.1x/cc_lancaster_11.png) }
+.card.cc.lancaster.lancaster_12 { background-image: url(cards.1x/cc_lancaster_12.png) }
+.card.cc.york.york_1 { background-image: url(cards.1x/cc_york_1.png) }
+.card.cc.york.york_2 { background-image: url(cards.1x/cc_york_2.png) }
+.card.cc.york.york_3 { background-image: url(cards.1x/cc_york_3.png) }
+.card.cc.york.york_4 { background-image: url(cards.1x/cc_york_4.png) }
+.card.cc.york.york_5 { background-image: url(cards.1x/cc_york_5.png) }
+.card.cc.york.york_6 { background-image: url(cards.1x/cc_york_6.png) }
+.card.cc.york.york_7 { background-image: url(cards.1x/cc_york_7.png) }
+.card.cc.york.york_8 { background-image: url(cards.1x/cc_york_8.png) }
+.card.cc.york.york_9 { background-image: url(cards.1x/cc_york_9.png) }
+.card.cc.york.york_10 { background-image: url(cards.1x/cc_york_10.png) }
+.card.cc.york.york_11 { background-image: url(cards.1x/cc_york_11.png) }
+.card.cc.york.york_12 { background-image: url(cards.1x/cc_york_12.png) }
+.card.cc.york.york_13 { background-image: url(cards.1x/cc_york_13.png) }
+.card.lord.lancaster.lancaster_1 { background-image: url(cards.1x/lord_lancaster_1.png) }
+.card.lord.lancaster.lancaster_2 { background-image: url(cards.1x/lord_lancaster_2.png) }
+.card.lord.lancaster.lancaster_3 { background-image: url(cards.1x/lord_lancaster_3.png) }
+.card.lord.lancaster.lancaster_4 { background-image: url(cards.1x/lord_lancaster_4.png) }
+.card.lord.lancaster.lancaster_5 { background-image: url(cards.1x/lord_lancaster_5.png) }
+.card.lord.lancaster.lancaster_6 { background-image: url(cards.1x/lord_lancaster_6.png) }
+.card.lord.lancaster.lancaster_7 { background-image: url(cards.1x/lord_lancaster_7.png) }
+.card.lord.lancaster.lancaster_8 { background-image: url(cards.1x/lord_lancaster_8.png) }
+.card.lord.lancaster.lancaster_9 { background-image: url(cards.1x/lord_lancaster_9.png) }
+.card.lord.lancaster.lancaster_10 { background-image: url(cards.1x/lord_lancaster_10.png) }
+.card.lord.lancaster.lancaster_11 { background-image: url(cards.1x/lord_lancaster_11.png) }
+.card.lord.lancaster.lancaster_12 { background-image: url(cards.1x/lord_lancaster_12.png) }
+.card.lord.lancaster.lancaster_13 { background-image: url(cards.1x/lord_lancaster_13.png) }
+.card.lord.lancaster.lancaster_14 { background-image: url(cards.1x/lord_lancaster_14.png) }
+.card.lord.lancaster.lancaster_15 { background-image: url(cards.1x/lord_lancaster_15.png) }
+.card.lord.york.york_1 { background-image: url(cards.1x/lord_york_1.png) }
+.card.lord.york.york_2 { background-image: url(cards.1x/lord_york_2.png) }
+.card.lord.york.york_3 { background-image: url(cards.1x/lord_york_3.png) }
+.card.lord.york.york_4 { background-image: url(cards.1x/lord_york_4.png) }
+.card.lord.york.york_5 { background-image: url(cards.1x/lord_york_5.png) }
+.card.lord.york.york_6 { background-image: url(cards.1x/lord_york_6.png) }
+.card.lord.york.york_7 { background-image: url(cards.1x/lord_york_7.png) }
+.card.lord.york.york_8 { background-image: url(cards.1x/lord_york_8.png) }
+.card.lord.york.york_9 { background-image: url(cards.1x/lord_york_9.png) }
+.card.lord.york.york_10 { background-image: url(cards.1x/lord_york_10.png) }
+.card.lord.york.york_11 { background-image: url(cards.1x/lord_york_11.png) }
+.card.lord.york.york_12 { background-image: url(cards.1x/lord_york_12.png) }
+.card.lord.york.york_13 { background-image: url(cards.1x/lord_york_13.png) }
+.card.lord.york.york_14 { background-image: url(cards.1x/lord_york_14.png) }
+.card.lord.york.york_15 { background-image: url(cards.1x/lord_york_15.png) }
+.card.aow.york.york_1 { background-image: url(cards.1x/awo_york_1.png) }
+.card.aow.york.york_2 { background-image: url(cards.1x/awo_york_2.png) }
+.card.aow.york.york_3 { background-image: url(cards.1x/awo_york_3.png) }
+.card.aow.york.york_4 { background-image: url(cards.1x/awo_york_4.png) }
+.card.aow.york.york_5 { background-image: url(cards.1x/awo_york_5.png) }
+.card.aow.york.york_6 { background-image: url(cards.1x/awo_york_6.png) }
+.card.aow.york.york_7 { background-image: url(cards.1x/awo_york_7.png) }
+.card.aow.york.york_8 { background-image: url(cards.1x/awo_york_8.png) }
+.card.aow.york.york_9 { background-image: url(cards.1x/awo_york_9.png) }
+.card.aow.york.york_10 { background-image: url(cards.1x/awo_york_10.png) }
+.card.aow.york.york_11 { background-image: url(cards.1x/awo_york_11.png) }
+.card.aow.york.york_12 { background-image: url(cards.1x/awo_york_12.png) }
+.card.aow.york.york_13 { background-image: url(cards.1x/awo_york_13.png) }
+.card.aow.york.york_14 { background-image: url(cards.1x/awo_york_14.png) }
+.card.aow.york.york_15 { background-image: url(cards.1x/awo_york_15.png) }
+.card.aow.york.york_16 { background-image: url(cards.1x/awo_york_16.png) }
+.card.aow.york.york_17 { background-image: url(cards.1x/awo_york_17.png) }
+.card.aow.york.york_18 { background-image: url(cards.1x/awo_york_18.png) }
+.card.aow.york.york_19 { background-image: url(cards.1x/awo_york_19.png) }
+.card.aow.york.york_20 { background-image: url(cards.1x/awo_york_20.png) }
+.card.aow.york.york_21 { background-image: url(cards.1x/awo_york_21.png) }
+.card.aow.york.york_22 { background-image: url(cards.1x/awo_york_22.png) }
+.card.aow.york.york_23 { background-image: url(cards.1x/awo_york_23.png) }
+.card.aow.york.york_24 { background-image: url(cards.1x/awo_york_24.png) }
+.card.aow.york.york_25 { background-image: url(cards.1x/awo_york_25.png) }
+.card.aow.york.york_26 { background-image: url(cards.1x/awo_york_26.png) }
+.card.aow.york.york_27 { background-image: url(cards.1x/awo_york_27.png) }
+.card.aow.york.york_28 { background-image: url(cards.1x/awo_york_28.png) }
+.card.aow.york.york_29 { background-image: url(cards.1x/awo_york_29.png) }
+.card.aow.york.york_30 { background-image: url(cards.1x/awo_york_30.png) }
+.card.aow.york.york_31 { background-image: url(cards.1x/awo_york_31.png) }
+.card.aow.york.york_32 { background-image: url(cards.1x/awo_york_32.png) }
+.card.aow.york.york_33 { background-image: url(cards.1x/awo_york_33.png) }
+.card.aow.york.york_34 { background-image: url(cards.1x/awo_york_34.png) }
+.card.aow.york.york_35 { background-image: url(cards.1x/awo_york_35.png) }
+.card.aow.york.york_36 { background-image: url(cards.1x/awo_york_36.png) }
+.card.aow.york.york_37 { background-image: url(cards.1x/awo_york_37.png) }
+.card.aow.lancaster.lancaster_1 { background-image: url(cards.1x/awo_lancaster_1.png) }
+.card.aow.lancaster.lancaster_2 { background-image: url(cards.1x/awo_lancaster_2.png) }
+.card.aow.lancaster.lancaster_3 { background-image: url(cards.1x/awo_lancaster_3.png) }
+.card.aow.lancaster.lancaster_4 { background-image: url(cards.1x/awo_lancaster_4.png) }
+.card.aow.lancaster.lancaster_5 { background-image: url(cards.1x/awo_lancaster_5.png) }
+.card.aow.lancaster.lancaster_6 { background-image: url(cards.1x/awo_lancaster_6.png) }
+.card.aow.lancaster.lancaster_7 { background-image: url(cards.1x/awo_lancaster_7.png) }
+.card.aow.lancaster.lancaster_8 { background-image: url(cards.1x/awo_lancaster_8.png) }
+.card.aow.lancaster.lancaster_9 { background-image: url(cards.1x/awo_lancaster_9.png) }
+.card.aow.lancaster.lancaster_10 { background-image: url(cards.1x/awo_lancaster_10.png) }
+.card.aow.lancaster.lancaster_11 { background-image: url(cards.1x/awo_lancaster_11.png) }
+.card.aow.lancaster.lancaster_12 { background-image: url(cards.1x/awo_lancaster_12.png) }
+.card.aow.lancaster.lancaster_13 { background-image: url(cards.1x/awo_lancaster_13.png) }
+.card.aow.lancaster.lancaster_14 { background-image: url(cards.1x/awo_lancaster_14.png) }
+.card.aow.lancaster.lancaster_15 { background-image: url(cards.1x/awo_lancaster_15.png) }
+.card.aow.lancaster.lancaster_16 { background-image: url(cards.1x/awo_lancaster_16.png) }
+.card.aow.lancaster.lancaster_17 { background-image: url(cards.1x/awo_lancaster_17.png) }
+.card.aow.lancaster.lancaster_18 { background-image: url(cards.1x/awo_lancaster_18.png) }
+.card.aow.lancaster.lancaster_19 { background-image: url(cards.1x/awo_lancaster_19.png) }
+.card.aow.lancaster.lancaster_20 { background-image: url(cards.1x/awo_lancaster_20.png) }
+.card.aow.lancaster.lancaster_21 { background-image: url(cards.1x/awo_lancaster_21.png) }
+.card.aow.lancaster.lancaster_22 { background-image: url(cards.1x/awo_lancaster_22.png) }
+.card.aow.lancaster.lancaster_23 { background-image: url(cards.1x/awo_lancaster_23.png) }
+.card.aow.lancaster.lancaster_24 { background-image: url(cards.1x/awo_lancaster_24.png) }
+.card.aow.lancaster.lancaster_25 { background-image: url(cards.1x/awo_lancaster_25.png) }
+.card.aow.lancaster.lancaster_26 { background-image: url(cards.1x/awo_lancaster_26.png) }
+.card.aow.lancaster.lancaster_27 { background-image: url(cards.1x/awo_lancaster_27.png) }
+.card.aow.lancaster.lancaster_28 { background-image: url(cards.1x/awo_lancaster_28.png) }
+.card.aow.lancaster.lancaster_29 { background-image: url(cards.1x/awo_lancaster_29.png) }
+.card.aow.lancaster.lancaster_30 { background-image: url(cards.1x/awo_lancaster_30.png) }
+.card.aow.lancaster.lancaster_31 { background-image: url(cards.1x/awo_lancaster_31.png) }
+.card.aow.lancaster.lancaster_32 { background-image: url(cards.1x/awo_lancaster_32.png) }
+.card.aow.lancaster.lancaster_33 { background-image: url(cards.1x/awo_lancaster_33.png) }
+.card.aow.lancaster.lancaster_34 { background-image: url(cards.1x/awo_lancaster_34.png) }
+.card.aow.lancaster.lancaster_35 { background-image: url(cards.1x/awo_lancaster_35.png) }
+.card.aow.lancaster.lancaster_36 { background-image: url(cards.1x/awo_lancaster_36.png) }
+.card.aow.lancaster.lancaster_37 { background-image: url(cards.1x/awo_lancaster_37.png) }
+
 /* ULTRA-WIDE SCREEN LAYOUTS */
 
 @media (min-width: 2800px) {
diff --git a/play.js b/play.js
index 8474dc7..7d84e4a 100644
--- a/play.js
+++ b/play.js
@@ -201,8 +201,7 @@ const routed_force_action_name = [ "routed_retinue", "routed_vassal", "routed_me
 const COIN = 1
 const asset_type_count = 4
 const asset_action_name = [ "prov", "coin", "cart", "ship" ]
-const asset_type_x3 = [ 1, 1, 1, 0]
-
+const asset_type_x34 = [ 1, 1, 1, 0]
 
 const VASSAL_READY = 1
 const VASSAL_MUSTERED = 2
@@ -983,11 +982,11 @@ function update_assets(id, parent, assets) {
 	parent.replaceChildren()
 	for (let i = 0; i < asset_type_count; ++i) {
 		let n = pack4_get(assets, i)
-		while (n >= 4) {
-			add_asset(parent, i, 4, id)
-			n -= 4
-		}
-		if (asset_type_x3[i]) {
+		if (asset_type_x34[i]) {
+			while (n >= 4) {
+				add_asset(parent, i, 4, id)
+				n -= 4
+			}
 			while (n >= 3) {
 				add_asset(parent, i, 3, id)
 				n -= 3