Gecko [ gandhischool.edu.np ]

Name	Size	Permission
owl-slider.js	1014 B	-rw-rw-r--
script.js	3.33 KB	-rw-rw-r--
silck-slider.js	1019 B	-rw-rw-r--

Code Editor : script.js

// loader
window.addEventListener('load', function () {
    document.getElementById('main-page-loader').style.opacity = '0';

setTimeout(function () {
        document.getElementById('main-page-loader').style.display = 'none';
    }, 300);

const mainContent = document.getElementById('main-content');
    if (mainContent) {
        mainContent.style.display = 'block';
        setTimeout(function () {
            mainContent.style.opacity = '1';
        }, 300);
    }

const carousels = document.querySelectorAll('.owl-carousel');
    carousels.forEach(carousel => {
        carousel.style.visibility = 'visible';
        carousel.style.opacity = '1';
    });

$('.owl-carousel1').trigger('refresh.owl.carousel');
    $('.owl-carousel2').trigger('refresh.owl.carousel');
});

// header.js
document.addEventListener("DOMContentLoaded", function () {
    fetch("header.html")
        .then(response => response.text())
        .then(data => {
            document.getElementById("header-placeholder").innerHTML = data;
        })
        .catch(error => console.error("Error loading header:", error));
});

// nav.js
document.addEventListener("DOMContentLoaded", function () {
    fetch("nav.html")
        .then(response => response.text())
        .then(data => {
            document.getElementById("nav-placeholder").innerHTML = data;

let navbar = document.querySelector(".navbar");

// footer.js
document.addEventListener("DOMContentLoaded", function () {
    fetch("footer.html")
        .then(response => response.text())
        .then(data => {
            document.getElementById("footer-placeholder").innerHTML = data;
        })
        .catch(error => console.error("Error loading header:", error));
});

document.querySelectorAll('a.nav-link').forEach(link => {
    link.href = link.href.replace('.html', '');
});

window.addEventListener("scroll", function () {
    let navbar = document.querySelector(".navbar");
    if (!navbar) return;

if (window.scrollY > 50) {
        navbar.classList.add("navbar-fixed", "fixed-nav", "show", "animate-nav");
    } else {
        navbar.classList.remove("show", "animate-nav");
        setTimeout(() => navbar.classList.remove("navbar-fixed", "fixed-nav",), 100);
    }
});

// scroll animation
const observer = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        const animationType = entry.target.getAttribute('data-animation') || 'fade-in'; 
        const delay = entry.target.getAttribute('data-delay') || '0s';

entry.target.style.animationDelay = delay;
  
        entry.target.classList.add(animationType);
        
        observer.unobserve(entry.target); 
      }
    });
  }, {
    threshold: 0  
  });
  
  document.querySelectorAll('.animate').forEach(element => {
    observer.observe(element);
  });

${this.title}

Code Editor : script.js