Use raster image for map instead of SVG.

Chrome is too slow with the SVG map for a good experience.

1 files changed, 8 insertions, 1 deletions

diff --git a/play.css b/play.css
index 8967dd2..c8b8fd7 100644
--- a/play.css
+++ b/play.css
@@ -208,13 +208,20 @@ td img { vertical-align: middle }
 /* MAP */
 
 #map {
-	background-repeat: no-repeat;
+	background-image: url(map75.jpg);
+	background-size: 2672px 960px;
 	width: 2672px;
 	height: 960px;
 	overflow: clip;
 	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
 }
 
+@media (min-resolution: 97dpi) {
+	#map {
+		background-image: url(map150.jpg);
+	}
+}
+
 #mapsvg {
 	display: block;
 	position: absolute;