6 files changed, 14 insertions, 12 deletions

diff --git a/data.js b/data.js
index 8e692a5..ef4932d 100644
--- a/data.js
+++ b/data.js
@@ -36,10 +36,12 @@ function getEdge(A, B) {
 	let info = {};
 
 	function box(category, A, x, y) {
+		x += 40; y += 36;
 		BOXES[A] = { name: A, category: category, x: x, y: y };
 	}
 
 	function space(colony, name, x, y, type) {
+		x += 40; y += 36;
 		if (type == 'winter-quarters') {
 			x += 1; y += 1;
 		}
diff --git a/images/WWmap-3-150.jpg b/images/WWmap-3-150.jpg
new file mode 100644
index 0000000..8e30ff7
--- /dev/null
+++ b/images/WWmap-3-150.jpg
diff --git a/images/WWmap-3-150.webp b/images/WWmap-3-150.webp
new file mode 100644
index 0000000..9dd1358
--- /dev/null
+++ b/images/WWmap-3-150.webp
diff --git a/images/WWmap-3-75.jpg b/images/WWmap-3-75.jpg
new file mode 100644
index 0000000..8b4abfe
--- /dev/null
+++ b/images/WWmap-3-75.jpg
diff --git a/images/WWmap-3-75.webp b/images/WWmap-3-75.webp
new file mode 100644
index 0000000..542acb3
--- /dev/null
+++ b/images/WWmap-3-75.webp
diff --git a/play.css b/play.css
index 436377f..4b2604f 100644
--- a/play.css
+++ b/play.css
@@ -74,17 +74,17 @@ aside {
 /* MAP WITH MARKERS, CUs, LEADERS, AND SPACES */
 
 /* 3300x5100 */
+/* 1650x2550 */
 
 #mapwrap {
-	width: 1576px;
-	height: 2480px;
-	margin-top: 40px;
+	width: 1650px;
+	height: 2550px;
 }
 
 #map {
-	width: 1576px;
-	height: 2480px;
-	background-image: url("/washingtons-war/images/map-75.jpg");
+	width: 1650px;
+	height: 2550px;
+	background-image: url(images/WWmap-3-75.webp);
 	background-size: cover;
 	box-shadow: 0 0 20px black;
 }
@@ -279,8 +279,8 @@ aside {
 }
 
 #war_ends {
-	left:1034px;
-	top:1611px;
+	left:1074px;
+	top:1647px;
 	position:absolute;
 	width: 186px;
 	height: 262px;
@@ -312,12 +312,12 @@ aside {
 	display: block;
 }
 
-#played_british_reinforcements { left: 871px; }
-#played_american_reinforcements_1 { left: 1104px; }
-#played_american_reinforcements_2 { left: 1336px; }
+#played_british_reinforcements { left: 911px; }
+#played_american_reinforcements_1 { left: 1144px; }
+#played_american_reinforcements_2 { left: 1376px; }
 .reinforcements {
 	position:absolute;
-	top: 1886px;
+	top: 1922px;
 	width: 186px;
 	height: 262px;
 	background-position: -1px -1px;