<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hacked</title>
<style>
body {
margin: 0;
overflow: hidden;
background: black;
color: #0f0;
font-family: monospace;
text-align: center;
}
.msg {
position: absolute;
top: 20px;
width: 100%;
font-size: 32px;
font-weight: bold;
text-shadow: 0 0 10px #0f0;
z-index: 10;
display: none;
}
canvas {
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div class="msg" id="msg1">It has been hacked</div>
<div class="msg" id="msg2">⚠️ Your device has been successfully ⚠️</div>
<canvas id="matrix"></canvas>
<script>
const canvas = document.getElementById("matrix");
const ctx = canvas.getContext("2d");
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
const chars = "0101010101010101010101";
const drops = [];
const fontSize = 20;
const columns = canvas.width / fontSize;
for (let x = 0; x < columns; x++) drops[x] = 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 = chars[Math.floor(Math.random() * chars.length)];
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.95)
drops[i] = 0;
drops[i]++;
}
}
setInterval(draw, 35);
setTimeout(() => {
document.getElementById("msg1").style.display = "block";
}, 0);
setTimeout(() => {
document.getElementById("msg1").style.display = "none";
document.getElementById("msg2").style.display = "block";
}, 3000);
setTimeout(() => {
document.getElementById("msg2").style.display = "none";
}, 6000);
setTimeout(() => {
alert("prank by faisal alanser 😂");
}, 11000);
</script>
</body>
</html>