updated uh... something

globalScript.js

@@ -135,11 +135,23 @@ window.addEventListener("resize", () => {
   calcPixelDensity()
 
   switch (CURRENT_PAGE) {
-    case (PAGES.SYNTHWAVE): onResizeSynthWave()
+    case (PAGES.SYNTHWAVE): onResizeSynthwave()
   }
 
   if (gridVisible) {
     toggleGrid()
     toggleGrid()
   }
-})
+})
+
+let prevAnimationState = isAnimating
+
+document.addEventListener("visibilitychange", function (event) {
+  if (document.hidden) {
+    prevAnimationState = isAnimating
+    isAnimating = false
+  }
+  else {
+    isAnimating = prevAnimationState
+  }
+});

loadingScreen.js

@@ -49,6 +49,7 @@ function removeLoadingScreen() {
 
     setTimeout(function() {
       loadingScreenEl.style.left = "100vw"
+      loadingScreenEl.style.pointerEvents = "none"
       document.getElementById("loadingCornerText").remove()
       newTip()
     }, fadeOutDur * 1000)

screenTransition.js

@@ -8,6 +8,7 @@ function slideTransition(url) {
   let mainDiv = document.getElementById("mainDiv")
 
   loadingScreen.style.animation = slideLeft
+  loadingScreen.style.pointerEvents = "auto"
   mainDiv.style.animation = slideLeft
 
   setLoadingProgress(`Loading URL "${url}"`)

script.js

@@ -3,6 +3,10 @@ CURRENT_PAGE = PAGES.SYNTHWAVE
 function loadingScreenSynthwave() {
   setLoadingProgress("Adding stars...")
   addStars()
+
+  setLoadingProgress("Starting synthwave animation...")
+  preAnimateSynthwave(25)
+  animateSynthwave(0)
 }