Remove Preloader from webpage

Roozbehmd · Jan 9, 2025 · d495fc3 · d495fc3
1 parent df0aa94
commit d495fc3
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -10,18 +10,25 @@ document.addEventListener('DOMContentLoaded', () => {
   /**
    * Preloader
    */
+  // const preloader = document.querySelector('#preloader');
+  // if (preloader) {
+  //   window.addEventListener('load', () => {
+  //     setTimeout(() => {
+  //       preloader.classList.add('loaded');
+  //     }, 1000);
+  //     setTimeout(() => {
+  //       preloader.remove();
+  //     }, 2000);
+  //   });
+  // }
   const preloader = document.querySelector('#preloader');
   if (preloader) {
-    window.addEventListener('load', () => {
-      setTimeout(() => {
-        preloader.classList.add('loaded');
-      }, 1000);
-      setTimeout(() => {
-        preloader.remove();
-      }, 2000);
+    window.addEventListener('DOMContentLoaded', () => {
+      // Immediately remove the preloader
+      preloader.classList.add('loaded');
+      preloader.remove();
     });
   }
-
   /**
    * Mobile nav toggle
    */

diff --git a/index.html b/index.html
@@ -367,9 +367,9 @@ <h2>I'm <span id='nameHolder' >Roozbeh Moayyedian</span>, a Toronto-based digita
 
 <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
 
-<div id="preloader">
+<!-- <div id="preloader">
 	<div class="line"></div>
-</div>
+</div> -->
 
 <!-- Vendor JS Files -->
 <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
@@ -412,9 +412,9 @@ <h2>I'm <span id='nameHolder' >Roozbeh Moayyedian</span>, a Toronto-based digita
 	        document.title = tempTitle;
 	        document.getElementById("nameHolder").innerHTML = '   ' + tempTitle + '    ';
 
-	        // Check elapsed time (8 seconds) and update the entire string if needed
+	        // Check elapsed time (5 seconds) and update the entire string if needed
 	        const currentTime = new Date().getTime();
-	        if (currentTime - startTime >= 8000) {
+	        if (currentTime - startTime >= 5000) {
 	            document.title = name;
 	            document.getElementById("nameHolder").innerHTML = '   ' + name + '    ';
 	            clearInterval(nameSetter);