new lord mat without distracting text and card place graphic

6 files changed, 8 insertions, 4 deletions

diff --git a/images/lord_mat_150.jpg b/images/lord_mat_150.jpg
new file mode 100644
index 0000000..54ca3e4
--- /dev/null
+++ b/images/lord_mat_150.jpg
diff --git a/images/lord_mat_150.png b/images/lord_mat_150.png
index 5ad649e..121a0c9 100644
--- a/images/lord_mat_150.png
+++ b/images/lord_mat_150.png
diff --git a/images/lord_mat_75.jpg b/images/lord_mat_75.jpg
new file mode 100644
index 0000000..b45fa73
--- /dev/null
+++ b/images/lord_mat_75.jpg
diff --git a/images/lord_mat_75.png b/images/lord_mat_75.png
index 1fb697f..334460e 100644
--- a/images/lord_mat_75.png
+++ b/images/lord_mat_75.png
diff --git a/play.css b/play.css
index 00b3bd2..e0d16ab 100644
--- a/play.css
+++ b/play.css
@@ -337,7 +337,6 @@ body.Lancaster #plan_actions .york { display: none }
 	width: 44px;
 	height: 48px;
 	background-size: 44px 48px;
-	filter: drop-shadow(0px 2px 4px #0004);
 }
 
 .cylinder.action {
@@ -478,12 +477,16 @@ body.Lancaster #plan_actions .york { display: none }
 	border-radius: 12px;
 	border-width: 2px;
 	border-style: solid;
-	background-image: url(images/lord_mat_75.png);
 	background-size: 375px 375px;
 	background-repeat: no-repeat;
 	z-index: 4;
 }
 
+.mat .board { background-image: url(images/lord_mat_75.jpg); }
+@media (min-resolution: 97dpi) {
+	.mat .board { background-image: url(images/lord_mat_150.jpg); }
+}
+
 .mat.command .board { box-shadow: 0 0 0 1px #584800, 0 0 0 4px gold; }
 .mat.selected .board { box-shadow: 0 0 0 1px #584800, 0 0 0 4px yellow; }
 
diff --git a/play.js b/play.js
index 1fb11b3..ecd41ee 100644
--- a/play.js
+++ b/play.js
@@ -1,5 +1,6 @@
 "use strict"
 
+// TODO: tooltip lord card when mouseover cylinder
 
 function toggle_pieces() {
 	document.getElementById("pieces").classList.toggle("hide")
@@ -834,10 +835,10 @@ function layout_calendar() {
 			let len_lanc = calendar_layout_lanc[loc].length
 			let len_york = calendar_layout_york[loc].length
 			if (len_lanc <= len_york) {
-				y += len_lanc * 30 + 48-30 + 3 + i * 20
+				y += len_lanc * 30 + 48-30 + 3 + i * 32
 				x += 7
 			} else {
-				y += len_york * 30 + 48-30 + 3 + i * 20
+				y += len_york * 30 + 48-30 + 3 + i * 32
 				x += 42
 			}
 			e.style.top = y + "px"