1 files changed, 23 insertions, 4 deletions
diff --git a/src/index.js b/src/index.js
index 1a7a6c7..3710843 100644
--- a/src/index.js
+++ b/src/index.js
@@ -65,16 +65,35 @@ function clearMoveEndedIndicators(records) {
 }
 
 function load() {
-  URL.revokeObjectURL(this.data);
   const svg = this.contentDocument.querySelector('svg'),
-    startLocs = svg.querySelector('.start-locations');
+    startLocs = svg.querySelector('.start-locations'),
+    scriptEl = this.contentDocument.querySelector('script');
+
+  const linkEl = document.createElement('link');
+  linkEl.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+  linkEl.setAttribute('rel', 'stylesheet');
+  linkEl.setAttribute('href', 'http://localhost:8080/assets/css/map.css');
+  linkEl.setAttribute('type', 'text/css');
+  linkEl.onload = function (e) {
+    console.log('map.css loaded');
+
+    if (scriptEl) {
+      scriptEl.onload = function () {
+        console.log('map.js loaded');
+        gameboard.start(svg);
+        recordSheet.start(startLocs, gameboard.getUnits(), gameboard.unSelect, gameboard.select);
+      };
+      scriptEl.setAttribute('href', 'http://localhost:8080/map.js');
+    }
+  };
+  svg.prepend(linkEl);
 
   this.style.opacity = 1;
   mapPlaceholder.style.opacity = 0;
+  URL.revokeObjectURL(this.data);
 
   panzoom.start(svg);
-  gameboard.start(svg);
-  recordSheet.start(startLocs, gameboard.getUnits(), gameboard.unSelect, gameboard.select);
+  recordSheet.clear();
 }
 
 document.querySelectorAll('.end-turn').forEach(el =>