<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>ВЗЛОМАНО LULZSEC</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body {
margin: 0;
padding: 0;
background: black;
color: #00FF00;
font-family: 'Courier New', monospace;
overflow: hidden;
}
canvas {
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.content {
text-align: center;
padding: 50px 20px;
}
.logo {
width: 200px;
animation: glow 2s infinite alternate;
}
@keyframes glow {
from { filter: drop-shadow(0 0 10px red); }
to { filter: drop-shadow(0 0 30px white); }
}
h1 {
font-size: 3em;
color: red;
text-shadow: 0 0 20px crimson, 0 0 40px red;
animation: flicker 1s infinite;
}
@keyframes flicker {
0%, 100% { opacity: 1; }
50% { opacity: 0.3; }
}
.ascii {
color: red;
font-size: 14px;
white-space: pre;
margin-top: 20px;
text-shadow: 0 0 5px red;
}
.typewriter {
display: inline-block;
overflow: hidden;
border-right: .15em solid #0f0;
white-space: nowrap;
animation: typing 4s steps(40, end), blink-caret 0.75s step-end infinite;
font-size: 18px;
color: #0f0;
margin-top: 30px;
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: #0f0; }
}
.countdown {
font-size: 24px;
color: yellow;
margin-top: 30px;
text-shadow: 0 0 10px red;
}
.top-warning {
background: red;
color: white;
font-size: 20px;
padding: 15px;
text-align: center;
font-weight: bold;
text-shadow: 0 0 5px black;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
audio {
display: none;
}
</style>
</head>
<body>
<div class="top-warning">
⚠️ WARNING: THIS SITE HAS BEEN COMPROMISED BY LULZSEC ⚠️
</div>
<canvas id="matrix"></canvas>
<div class="content">
<img class="logo" src="https://i.postimg.cc/9ML0CrM8/logo-trimmed-to-black-circle-2.png" alt="LulzSec Logo">
<h1>???? ВЗЛОМАНО LULZSEC ????</h1>
<div class="ascii">
<pre>
▄︻̷̿┻̿═━一
SYSTEM BREACHED.
DATA EXTRACTION STARTED...
</pre>
</div>
<div class="typewriter">
Мы наблюдаем. Мы контролируем. Ожидайте нас...
</div>
<div class="countdown" id="countdown">
Взрыв через: 00:10:00
</div>
<audio autoplay loop>
<source src="https://files.catbox.moe/9t7xpb.mp3" type="audio/mpeg">
</audio>
</div>
<script>
// MATRIX EFFECT
const canvas = document.getElementById("matrix");
const ctx = canvas.getContext("2d");
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
const letters = "01";
const fontSize = 14;
const columns = canvas.width / fontSize;
const drops = Array.from({ length: columns }).fill(1);
function drawMatrix() {
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 = letters[Math.floor(Math.random() * letters.length)];
ctx.fillText(text, i * fontSize, drops[i] * fontSize);
if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
drops[i] = 0;
}
drops[i]++;
}
}
setInterval(drawMatrix, 33);
// COUNTDOWN TIMER
let timeLeft = 10 * 60; // 10 minutes
function updateCountdown() {
const countdown = document.getElementById("countdown");
let minutes = Math.floor(timeLeft / 60);
let seconds = timeLeft % 60;
countdown.textContent = `Взрыв через: ${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
if (timeLeft > 0) {
timeLeft--;
} else {
countdown.textContent = "???? BOOM! SYSTEM DESTROYED.";
}
}
setInterval(updateCountdown, 1000);
</script>
</body>
</html>
fteqjhn.png)
Komentar
Tuliskan Komentar Anda!