diff --git a/index.html b/index.html index 2de7d21..fbe5b7d 100644 --- a/index.html +++ b/index.html @@ -66,7 +66,6 @@ } /* Both canvas and overlay will share these sizing rules and grid placement */ - #canvas, #loading-gif-overlay { grid-column: 1 / -1; grid-row: 1 / -1; @@ -80,9 +79,13 @@ } #canvas { + display: none !important; + grid-column: 1 / -1; + grid-row: 1 / -1; background-color: #000000; border: none; z-index: 1; /* Canvas is below the loading overlay */ + outline: none; } #loading-gif-overlay { @@ -735,6 +738,40 @@ +
+ +
+
+ + +
+
+ + +
+
+
+
+ +
+
+ + +
+
+ + +
+
+
@@ -1009,7 +1046,6 @@ mainContainer.style.display = 'none'; canvasWrapper.style.display = 'grid'; - emscriptenCanvas.style.display = 'block'; document.documentElement.style.overflow = 'hidden'; document.documentElement.style.overscrollBehavior = 'none'; @@ -1026,6 +1062,7 @@ // Intro animation is ready if (event.detail.objectName == 'Lego_Smk' && event.detail.tickleState == 1) { loadingGifOverlay.style.display = 'none'; + emscriptenCanvas.style.setProperty('display', 'block', 'important'); } else if (progressUpdates < 1003) { progressUpdates++;