Merge pull request #10 from nirav-gajera/fix/loader-handling-on-init-for-fallback

loader handling on init for fallback

Author: nirav-gajera

assets/css/main.css

@@ -2001,9 +2001,10 @@
  }
 
  #loader.done {
-   opacity: 0;
-   transform: scale(1.04);
-   pointer-events: none
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transform: scale(1.04);
  }
 
  /* grid lines bg */
@@ -2232,4 +2233,4 @@
    .blog-grid {
      grid-template-columns: 1fr
    }
- }
+ }

assets/js/main.js

@@ -1,14 +1,29 @@
 /* ══════════════════════════════════
    PAGE LOADER
 ══════════════════════════════════ */
-window.addEventListener('load', () => {
+function removeLoader() {
+  const loader = document.getElementById('loader');
+
+  if (!loader || loader.classList.contains('done')) return;
+
+  loader.classList.add('done');
+
   setTimeout(() => {
-    const l = document.getElementById('loader');
-    l.classList.add('done');
-    setTimeout(() => l.remove(), 600);
+    loader.remove();
   }, 600);
+}
+
+/* Main trigger */
+document.addEventListener('DOMContentLoaded', () => {
+  setTimeout(removeLoader, 400);
 });
 
+/* Backup trigger */
+window.addEventListener('load', removeLoader);
+
+/* Emergency fallback */
+setTimeout(removeLoader, 3000);
+
 /* ══════════════════════════════════
    PARTICLES
 ══════════════════════════════════ */