Create script.js

script.js

@@ -0,0 +1,20 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const items = document.querySelectorAll('.timeline-item');
+
+    const revealItems = () => {
+        const triggerBottom = window.innerHeight * 0.85;
+
+        items.forEach(item => {
+            const itemTop = item.getBoundingClientRect().top;
+
+            if (itemTop < triggerBottom) {
+                item.classList.add('active');
+            } else {
+                item.classList.remove('active');
+            }
+        });
+    };
+
+    window.addEventListener('scroll', revealItems);
+    revealItems(); // Initial check
+});