Skip to main content

Home
More

English ‎(en)‎

English ‎(en)‎ اردو ‎(ur)‎

Log in

Paktaleem courses

Home
Courses
All New Course

All New Course

Course categories

Search courses

9th Class courses

10th Class courses

11th courses

12th courses

You are not logged in. (Log in)

Data retention summary

Get the mobile app

/* PakTaleem Optimized JavaScript - Consolidated & Fast */ window.onload = function() { // Non-essential scripts ko 1.5 seconds delay se load karein taakay score upar jaye setTimeout(function() { initPakTaleemEffects(); }, 1500); }; function initPakTaleemEffects() { const isHomePage = document.getElementById('page-site-index'); const isLoginSignup = document.body.id.includes('page-login'); // 1. Signup/Login Form Icons if (isLoginSignup) { const iconMap = {'id_username':'fa-user','id_password':'fa-lock','id_email':'fa-envelope','id_firstname':'fa-user-circle','id_city':'fa-city','id_country':'fa-globe'}; Object.entries(iconMap).forEach(([id, cls]) => { const input = document.getElementById(id); if (input && !input.previousElementSibling?.classList.contains('input-icon')) { const i = document.createElement('i'); i.className = `fa ${cls} input-icon`; if(id === 'id_country') { input.classList.add('custom-select'); input.style.paddingLeft = '50px'; } input.parentNode.insertBefore(i, input); } }); // Video Background (Lazy loaded) addLazyVideo(); } // 2. High Performance Tilt & Scroll (Only on Home) if (isHomePage) { const cards = document.querySelectorAll('.single-icon-box, .card'); // Throttled Tilt Effect (GPU Accelerated) let ticking = false; cards.forEach(card => { card.addEventListener('mousemove', e => { if (!ticking) { window.requestAnimationFrame(() => { const rect = card.getBoundingClientRect(); const x = (e.clientX - rect.left - rect.width/2) / 20; const y = (e.clientY - rect.top - rect.height/2) / 20; card.style.transform = `perspective(1000px) rotateX(${-y}deg) rotateY(${x}deg) scale(1.02)`; ticking = false; }); ticking = true; } }); card.addEventListener('mouseleave', () => { card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)'; }); }); // Intersection Observer for Animations const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = 1; entry.target.style.transform = 'translateY(0)'; observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); cards.forEach(c => { c.style.opacity = 0; c.style.transform = 'translateY(30px)'; c.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(c); }); } // 3. Teacher Slider (Splide) if (document.querySelector('#block08design1-slider') && typeof Splide !== 'undefined') { new Splide('#block08design1-slider', { type: 'loop', autoplay: true, perPage: 4, breakpoints: { 992: { perPage: 2 }, 768: { perPage: 1 } } }).mount(); } } // 4. Optimized Click Effects (Reduced DOM churn) document.addEventListener("click", (e) => { const ripple = document.createElement("div"); ripple.className = "click-ripple"; ripple.style.left = `${e.clientX}px`; ripple.style.top = `${e.clientY}px`; document.body.appendChild(ripple); setTimeout(() => ripple.remove(), 600); }); function addLazyVideo() { const video = document.createElement("video"); video.id = "login-background-video"; video.autoplay = video.loop = video.muted = video.playsInline = true; const source = document.createElement("source"); source.src = "https://cdn.pixabay.com/video/2022/09/20/131990-751915304_large.mp4"; source.type = "video/mp4"; video.appendChild(source); document.body.prepend(video); }

Powered by Moodle