/* WAWAN PROTEIN - ANIMATED FOOTER CREDIT */
const imgUrl = "https://a.top4top.io/p_3651c0k3e1.png";
// 1. تعريف الستايل والأنيميشن داخل الجافاسكريبت
const styles = `
`;
// 2. الهيكل (HTML) مع إضافة ID للتحكم
const htmlContent = `
${styles}
`;
// 3. الإدراج في الصفحة
const footerEl = document.querySelector('footer') || document.body;
footerEl.insertAdjacentHTML('beforeend', htmlContent);
// 4. تشغيل الأنيميشن فقط عند الوصول للفوتر
const creditElement = document.getElementById('raed-credit-bar');
if ('IntersectionObserver' in window) {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
creditElement.classList.add('raed-active-anim'); // تفعيل الحركة
creditElement.style.opacity = "1";
observer.unobserve(creditElement); // إيقاف المراقبة بعد أول مرة (عشان ما يكرر الحركة كل شوي)
}
});
}, { threshold: 0.1 }); // يبدأ لما يظهر 10% من العنصر
observer.observe(creditElement);
} else {
// للأجهزة القديمة جداً يظهر بدون حركة
creditElement.style.opacity = "1";
}