fast fade innn

Author: hwisu

public/static/js/fade-in.js

@@ -41,20 +41,23 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // Start fade-in sequence after a brief delay to ensure page is ready
     setTimeout(() => {
+        let cumulativeDelay = 0;
         _.forEach(sortedElements, (element, index) => {
-            const delay = 300 + index * 150; // Base delay + incremental
+            // Calculate decreasing interval: starts at 100ms, decreases by 10ms each time, minimum 30ms
+            const interval = Math.max(30, 100 - (index * 10));
+            cumulativeDelay += (index === 0 ? 0 : interval);
 
             setTimeout(() => {
                 element.style.opacity = '1';
                 fadeCompleteCount++;
-                console.log(`Faded in element #${index}`);
+                console.log(`Faded in element #${index} after ${cumulativeDelay}ms`);
 
                 // When all elements are faded in, add completion class
                 if (fadeCompleteCount >= totalElementsFound) {
                     document.body.classList.add('fade-in-complete');
                     console.log('All fade-in animations complete (top-to-bottom)!');
                 }
-            }, delay);
+            }, cumulativeDelay);
         });
     }, 100);
 });