// first mottttttttttiooooooon // إنشاء عنصر لتحميل ملف CSS الخارجي من Animate.css var animateCSSLink = document.createElement("link"); animateCSSLink.rel = "stylesheet"; animateCSSLink.href = "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"; document.head.appendChild(animateCSSLink); // الانتظار حتى يتم تحميل DOM بالكامل document.addEventListener("DOMContentLoaded", function() { var sections = document.querySelectorAll('body.index section'); // إعداد IntersectionObserver const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("animate__animated", "animate__fadeInUpBig"); observer.unobserve(entry.target); // لإزالة المراقبة بعد التفعيل } }); }); sections.forEach(section => { observer.observe(section); // مراقبة كل قسم }); }); /* ////////////////////كود لودينج البداية لوجو ////////////////////////////*/ (function () { function injectPreloader() { // 1. إنشاء عنصر preloader وإضافة محتواه const preloader = document.createElement("div"); preloader.className = "preloader"; preloader.innerHTML = `
Loading...
`; document.body.prepend(preloader); // 2. إنشاء عنصر