File manager - Edit - /home/kridsana/webapp.cm.in.th/673190901/u67319090011/public_html/index.html
Back
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Deface</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #000; color: #fff; min-height: 100vh; overflow-x: hidden; background-image: radial-gradient(circle at 10% 20%, rgba(255, 0, 222, 0.1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(0, 255, 255, 0.1) 0%, transparent 20%); } /* Particle efekti için */ .particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .particle { position: absolute; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; animation: float 15s infinite linear; } @keyframes float { 0% { transform: translateY(0) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; } } .container { max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; flex-direction: column; align-items: center; min-height: 100vh; position: relative; z-index: 1; } /* Header ve logo */ .header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 50px; } .logo { font-size: 2.2rem; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; background: linear-gradient(90deg, #ff00de, #00ffff); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 15px rgba(255, 0, 222, 0.5); animation: logo-glow 3s infinite alternate; } @keyframes logo-glow { 0% { text-shadow: 0 0 10px rgba(255, 0, 222, 0.5); } 100% { text-shadow: 0 0 25px rgba(255, 0, 222, 0.8), 0 0 40px rgba(0, 255, 255, 0.5); } } .date { font-size: 1.1rem; color: #aaa; letter-spacing: 2px; } /* Ana içerik */ .main-content { text-align: center; width: 100%; margin-bottom: 60px; } .hacker-title { font-size: 4.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff00de, 0 0 40px #ff00de; animation: title-blink 2s infinite alternate; background: linear-gradient(to right, #fff, #ff00de, #00ffff); -webkit-background-clip: text; background-clip: text; color: transparent; } @keyframes title-blink { 0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff00de, 0 0 40px #ff00de; } 20%, 24%, 55% { opacity: 0.7; text-shadow: 0 0 5px #fff, 0 0 10px #ff00de; } } .subtitle { font-size: 1.8rem; color: #ccc; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6; animation: subtitle-pulse 4s infinite; } @keyframes subtitle-pulse { 0%, 100% { opacity: 0.8; } 50% { opacity: 1; } } /* Sosyal medya butonları */ .social-container { display: flex; justify-content: center; gap: 40px; margin: 60px 0; flex-wrap: wrap; } .social-btn { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: all 0.3s ease; padding: 25px; border-radius: 15px; width: 220px; animation: social-glow 4s infinite alternate; } @keyframes social-glow { 0% { box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); } 100% { box-shadow: 0 0 25px rgba(255, 255, 255, 0.2); } } .social-btn:hover { transform: translateY(-10px) scale(1.05); animation: none; } .instagram-btn { background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); border: 2px solid #e1306c; } .telegram-btn { background: linear-gradient(45deg, #0088cc, #00aced); border: 2px solid #0088cc; } .social-icon { font-size: 3.5rem; margin-bottom: 15px; } .social-username { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 0 5px rgba(255, 255, 255, 0.7); } .social-desc { font-size: 1rem; opacity: 0.9; } /* Hacker kodu efekti */ .code-container { background-color: rgba(0, 20, 30, 0.7); border: 1px solid rgba(0, 255, 255, 0.3); border-radius: 10px; padding: 25px; margin: 40px auto; max-width: 900px; text-align: left; font-family: 'Courier New', monospace; font-size: 1.2rem; line-height: 1.5; overflow: hidden; position: relative; animation: code-border 3s infinite alternate; } @keyframes code-border { 0% { border-color: rgba(0, 255, 255, 0.3); box-shadow: 0 0 10px rgba(0, 255, 255, 0.1); } 100% { border-color: rgba(255, 0, 222, 0.5); box-shadow: 0 0 20px rgba(255, 0, 222, 0.2); } } .code-line { margin-bottom: 10px; color: #0ff; animation: code-typing 4s steps(40) infinite; overflow: hidden; white-space: nowrap; width: 0; } .code-line:nth-child(1) { animation-delay: 0.5s; color: #0f0; } .code-line:nth-child(2) { animation-delay: 2s; } .code-line:nth-child(3) { animation-delay: 4s; color: #ff00de; } .code-line:nth-child(4) { animation-delay: 6s; } @keyframes code-typing { 0% { width: 0; } 50% { width: 100%; } 100% { width: 100%; } } /* Footer */ .footer { margin-top: auto; padding: 30px 0; width: 100%; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.1rem; color: #aaa; animation: footer-glow 6s infinite alternate; } @keyframes footer-glow { 0% { color: #aaa; } 100% { color: #fff; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); } } /* Responsive tasarım */ @media (max-width: 768px) { .hacker-title { font-size: 2.8rem; letter-spacing: 4px; } .subtitle { font-size: 1.4rem; padding: 0 15px; } .social-container { flex-direction: column; align-items: center; gap: 30px; } .social-btn { width: 90%; max-width: 300px; } .header { flex-direction: column; gap: 20px; } .code-container { font-size: 1rem; padding: 15px; } } @media (max-width: 480px) { .hacker-title { font-size: 2rem; letter-spacing: 2px; } .subtitle { font-size: 1.1rem; } .social-username { font-size: 1.4rem; } } </style> </head> <body> <!-- Particle efekti --> <div class="particles" id="particles"></div> <div class="container"> <header class="header"> <div class="logo">Code By HaN</div> <div class="date" id="currentDate"></div> </header> <main class="main-content"> <h1 class="hacker-title">SİSTEM İHLAL EDİLDİ</h1> <p class="subtitle">Güvenlik açığı tespit edilmiş ve sistem kontrol altına alınmıştır. Murathan.mrx ve kdeneonn tarafından işaretlenmiştir.</p> <div class="social-container"> <a href="https://instagram.com/Murathan.mrx" target="_blank" class="social-btn instagram-btn"> <i class="fab fa-instagram social-icon"></i> <span class="social-username">Murathan.mrx</span> <span class="social-desc">Instagram Profili</span> </a> <a href="https://t.me/kdeneonn" target="_blank" class="social-btn telegram-btn"> <i class="fab fa-telegram social-icon"></i> <span class="social-username">kdeneonn</span> <span class="social-desc">Telegram Kanalı</span> </a> </div> <div class="code-container"> <div class="code-line">[+] Sistem penetrasyonu tamamlandı...</div> <div class="code-line">[+] Admin paneline erişim sağlandı...</div> <div class="code-line">[+] Murathan.mrx & kdeneonn imzası bırakıldı...</div> <div class="code-line">[+] Deface index başarıyla yüklendi...</div> </div> </main> <footer class="footer"> <p></p> <p>Murathan.mrx & kdeneonn</p> </footer> </div> <script> // Tarih ve saat güncellemesi function updateDateTime() { const now = new Date(); const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' }; const dateStr = now.toLocaleDateString('tr-TR', options); document.getElementById('currentDate').textContent = dateStr; } // İlk yükleme updateDateTime(); // Her saniye güncelle setInterval(updateDateTime, 1000); // Particle efekti oluşturma function createParticles() { const particlesContainer = document.getElementById('particles'); const particleCount = 50; for (let i = 0; i < particleCount; i++) { const particle = document.createElement('div'); particle.classList.add('particle'); // Rastgele boyut ve konum const size = Math.random() * 5 + 1; particle.style.width = `${size}px`; particle.style.height = `${size}px`; particle.style.left = `${Math.random() * 100}vw`; particle.style.top = `${Math.random() * 100}vh`; // Rastgele renk const colors = ['#fff', '#ff00de', '#00ffff', '#0f0']; particle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; // Rastgele animasyon süresi const duration = Math.random() * 20 + 10; particle.style.animationDuration = `${duration}s`; // Rastgele gecikme const delay = Math.random() * 5; particle.style.animationDelay = `${delay}s`; particlesContainer.appendChild(particle); } } // Buton tıklama efekti document.querySelectorAll('.social-btn').forEach(btn => { btn.addEventListener('click', function(e) { // Butona tıklandığında parlaklık efekti this.style.transform = 'scale(0.95)'; this.style.transition = 'transform 0.1s'; setTimeout(() => { this.style.transform = ''; }, 100); // Yeni sekmede açılacağı için sayfada kal e.preventDefault(); window.open(this.href, '_blank'); }); }); // Başlık yanıp sönme efektini güçlendirme const title = document.querySelector('.hacker-title'); setInterval(() => { title.style.animation = 'none'; setTimeout(() => { title.style.animation = 'title-blink 2s infinite alternate'; }, 10); }, 5000); // Sayfa yüklendiğinde particle'ları oluştur window.addEventListener('load', createParticles); // Hacker kod efekti için const codeLines = document.querySelectorAll('.code-line'); let currentLine = 0; function typeCode() { if (currentLine < codeLines.length) { const line = codeLines[currentLine]; line.style.width = '0'; line.style.animation = 'code-typing 4s steps(40)'; setTimeout(() => { line.style.animation = 'none'; line.style.width = '100%'; currentLine++; if (currentLine < codeLines.length) { setTimeout(typeCode, 1000); } else { // Tüm satırlar yazıldığında başa dön setTimeout(() => { codeLines.forEach(l => { l.style.width = '0'; l.style.animation = ''; }); currentLine = 0; setTimeout(typeCode, 1000); }, 3000); } }, 4000); } } // Kod yazma efektini başlat setTimeout(typeCode, 1000); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.42 |
proxy
|
phpinfo
|
Settings