Meta Description" name="description" />
<!DOCTYPE html>
<html>
<head>
<style>
body { background: #000; margin: 0; overflow: hidden; font-family: 'Courier New', monospace; }
canvas { display: block; position: absolute; top: 0; left: 0; z-index: 1; }
.content {
position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 10; color: #0f0; text-align: center; width: 90%;
}
#ascii-name {
font-size: 1.4vw; line-height: 1;
text-shadow: 0 0 20px #0f0; font-weight: 900;
animation: glitch 0.2s infinite alternate;
}
#message {
font-size: 4vw; font-weight: bold; display: none;
text-shadow: 0 0 20px #f00; color: #f00; direction: rtl;
}
#overlay {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.9); z-index: 100;
display: flex; justify-content: center; align-items: center;
color: #0f0; font-size: 30px; cursor: pointer;
}
/* تأثير الوميض الأحمر */
.flash { animation: flash-red 0.5s; }
@keyframes flash-red { 0% { background: #f00; } 100% { background: #000; } }
@keyframes glitch { 100% { transform: skew(2deg); color: #adff2f; } }
</style>
</head>
<body id="main-body">
<div id="overlay">[ INITIALIZE d_ark_p7 ]</div>
<canvas id="matrix"></canvas>
<div class="content">
<pre id="ascii-name">
██████╗ █████╗ ██████╗ ██╗ ██╗ ██████╗ ███████╗
██╔══██╗ ██╔══██╗ ██╔══██╗ ██║ ██╔╝ ██╔══██╗ ╚════██║
██║ ██║ ███████║ ██████╔╝ █████╔╝ ██████╔╝ ██╔╝
██║ ██║ ██╔══██║ ██╔══██╗ ██╔═██╗ ██╔═══╝ ██╔╝
██████╔╝ ██║ ██║ ██║ ██║ ██║ ██╗ ██║ ██║
╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝
</pre>
<div id="message"></div>
</div>
<script>
const canvas = document.getElementById('matrix');
const ctx = canvas.getContext('2d');
const overlay = document.getElementById('overlay');
const ascii = document.getElementById('ascii-name');
const msgDiv = document.getElementById('message');
const body = document.getElementById('main-body');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const codes = "0x5F61726B5F7037 حسين_مرحبا EXPLOIT 010101";
const charArray = codes.split("");
const fontSize = 18;
const columns = canvas.width / fontSize;
const drops = Array(Math.floor(columns)).fill(1);
function draw() {
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#0f0";
ctx.font = fontSize + "px monospace";
for (let i = 0; i < drops.length; i++) {
const text = charArray[Math.floor(Math.random() * charArray.length)];
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;
drops[i]++;
}
}
// أصوات الهكر والضحك (إلكترونية)
function playHackerSounds() {
const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
// صوت نبض سيستم
const osc = audioCtx.createOscillator();
const gain = audioCtx.createGain();
osc.type = 'sawtooth';
osc.frequency.setValueAtTime(40, audioCtx.currentTime);
gain.gain.setValueAtTime(0.015, audioCtx.currentTime);
osc.connect(gain); gain.connect(audioCtx.destination);
osc.start();
// دالة لمحاكاة "ضحكة إلكترونية"
function evilLaughEffect() {
for(let i=0; i<10; i++) {
setTimeout(() => {
const laugh = audioCtx.createOscillator();
laugh.type = 'square';
laugh.frequency.setValueAtTime(200 - (i*15), audioCtx.currentTime);
const lGain = audioCtx.createGain();
lGain.gain.setValueAtTime(0.01, audioCtx.currentTime);
laugh.connect(lGain); lGain.connect(audioCtx.destination);
laugh.start(); laugh.stop(audioCtx.currentTime + 0.2);
}, i * 100);
}
}
// الانتقال التلقائي بعد 5 ثوانٍ
setTimeout(() => {
body.classList.add('flash');
ascii.style.display = 'none';
msgDiv.style.display = 'block';
evilLaughEffect(); // تشغيل الضحكة عند الانتقال
typeWriter("حسين مرحبا.. دورك قرب للاختراق من d_ark_p7");
}, 5000);
}
function typeWriter(text) {
let i = 0;
function typing() {
if (i < text.length) {
msgDiv.innerHTML += text.charAt(i);
i++;
setTimeout(typing, 100);
}
}
typing();
}
overlay.addEventListener('click', () => {
overlay.style.display = 'none';
setInterval(draw, 35);
playHackerSounds();
});
</script>
</body>
</html>
1
1
6KB
6KB
115.0ms
176.0ms
126.0ms