WZ: Use inline pixelated map, and bring back the PNG version

mascaldotfr · Jan 21, 2024 · 3e08b1e · 3e08b1e
1 parent 86aabe1
commit 3e08b1e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/css/wz.css b/css/wz.css
@@ -20,7 +20,8 @@
 	max-width: 100%;
 	padding: 0;
 	margin: 0;
-	background-image: url(../data/warstatus/base_map_pixels.png);
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIBBAMAAADNChpsAAAAGFBMVEU9Mho1PSBKTkVDT2FTTzRKUVVxenyUnZs+b6O3AAAC/ElEQVR42u3dwXXCMBREUbdAC27BLdACLaSFtJ8CMos5lsCJfN8agf9l+4+1fZd9hY4/1HY2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYGGANNhslPS5VyidTZ97hgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcwFalPbsHnqEtpkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANwOYvTyZSsNOXYAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGzphYWPi3p+oF8XNgMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALA+wDtYO139cO0V7G3FzuDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKwMcJSNLFSmhxsBSGfPzgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADcDaBZMBxFGXmhYjtss5wJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArAzwKksP8olh2z/jbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMDKAO2CYTtEC9AiH28OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuBtAi5KG2Mvas5csSgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLAKQfTQuL7cNtoSsGAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADki5f3gY5/FgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgfYAf4V59UjBrQQQAAAAASUVORK5CYII=");
+	/*background-image: url(../data/warstatus/base_map_pixels.png);*/
 	animation: bg 15s;
 }
 @keyframes bg {

diff --git a/js/menu.js b/js/menu.js
diff --git a/js/wz.js b/js/wz.js
@@ -137,7 +137,7 @@ async function display_wz(init=false) {
 	display_map(data["forts"]);
 	// Lazy load map background
 	let bg = new Image()
-	bg.src = "data/warstatus/base_map.jpg";
+	bg.src = "data/warstatus/base_map.png";
 	bg.onload = function () {
 		$("#wz-map-map").css("background-image", `url(${bg.src})`);
 		$("#wz-map-map").css("background-size", "cover");