HACKED BY BLACK

<!DOCTYPE html><html lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">HACKED BY BLACK_14 <title>HACKED BY BLACK_14</title> <style> body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: black; overflow: hidden; font-family: Arial, sans-serif; position: relative; } .container { position: relative; } .image { width: 100%; max-width: 800px; display: block; filter: drop-shadow(0 0 20px red); animation: glow 1.5s infinite alternate ease-in-out; } @keyframes glow { 0% { filter: drop-shadow(0 0 10px red) brightness(1); } 100% { filter: drop-shadow(0 0 30px red) brightness(1.3); } } /* نص HACKED BY BLACK_14 على الجوانب */ .side-banner { position: absolute; top: 0; bottom: 0; width: 150px; /* تم تعديل العرض */ display: flex; flex-direction: column; justify-content: space-around; align-items: center; color: red; font-size: 32px; font-weight: bold; text-transform: uppercase; text-shadow: 0 0 10px rgba(255, 0, 0, 0.8); animation: flickerText 1.5s infinite alternate; } .left-banner { left: 30px; } /* تم تعديل المسافة */ .right-banner { right: 30px; } /* تم تعديل المسافة */ /* تأثير الأرقام المتساقطة */ .matrix { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: lime; font-size: 24px; font-family: monospace; overflow: hidden; white-space: nowrap; opacity: 0.8; pointer-events: none; } .matrix div { position: absolute; top: -100px; animation: matrixFall linear infinite; font-weight: bold; } @keyframes matrixFall { 0% { transform: translateY(-100px); opacity: 1; } 100% { transform: translateY(100vh); opacity: 0; } } @keyframes flickerText { 0% { opacity: 0.8; text-shadow: 0 0 10px red; } 100% { opacity: 1; text-shadow: 0 0 20px red; } } /* تعديل النص لكتابة "HACKED BY" في سطر و "BLACK_14" في السطر التالي */ .side-banner div { display: block; /* جعل النصوص في سطرين */ white-space: nowrap; margin-bottom: 15px; /* إضافة المسافة بين السطور */ } </style> <div class="container"> <img src="14.jpg" alt="Hacked Image" class="image"> </div>  <div class="side-banner left-banner"> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> </div> <div class="side-banner right-banner"> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> <div>HACKED BY</div> <div>BLACK_14</div> </div>  <div class="matrix"></div> <script> function generateMatrixEffect() { const matrix = document.querySelector('.matrix'); if (matrix.children.length > 200) return; // زيادة كثافة الأرقام let num = document.createElement('div'); num.innerText = Math.random() > 0.5 ? '0' : '1'; num.style.left = Math.random() * 100 + 'vw'; num.style.animationDuration = (Math.random() * 4 + 3) + 's'; // جعل الحركة أبطأ matrix.appendChild(num); setTimeout(() => { matrix.removeChild(num); }, 5000); // حذف الأرقام القديمة } setInterval(generateMatrixEffect, 400); // تقليل التردد لزيادة كثافة الأرقام </script>