fix: animation sequence

web/index.html

@@ -75,7 +75,7 @@
       </div>
       <div class="navbar-menu">
         <div class="navbar-end">
-          <div class="navbar-item"><p>v4.3.26</p></div>
+          <div class="navbar-item"><p>v4.3.27</p></div>
         </div>
       </div>
     </nav>

web/main.js

@@ -54,13 +54,13 @@ async function navigate() {
 async function load(element, domAlteration) {
   await AnimateCSS(element, "fadeOut");
   element.classList.add("is-hidden");
+  // Start the alteration
+  const alteration = domAlteration();
   spinner.classList.remove("is-hidden");
   await AnimateCSS(spinner, "fadeIn");
-  if (typeof domAlteration === "function") {
-    await domAlteration();
+  await alteration; // Await for alteration end
   await AnimateCSS(spinner, "fadeOut");
   spinner.classList.add("is-hidden");
   element.classList.remove("is-hidden");
   AnimateCSS(element, "fadeIn");
-  }
 }