Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Защищенное соединение...</title>
<style>
body {
background-color: #f9f9f9;
color: #333;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
overflow: hidden;
user-select: none;
}
/* reCAPTCHA Приманка */
#bait-screen {
background: #ffffff;
border: 1px solid #d3d3d3;
border-radius: 3px;
width: 302px;
height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0 14px;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
box-sizing: border-box;
cursor: pointer;
}
.captcha-left { display: flex; align-items: center; }
.checkbox { width: 24px; height: 24px; border: 2px solid #c1c1c1; border-radius: 2px; margin-right: 12px; }
.captcha-text { font-size: 14px; color: #222; }
.captcha-right { display: flex; flex-direction: column; align-items: center; width: 60px; }
.captcha-logo { width: 32px; height: 32px; background: url('https://gstatic.com') no-repeat; background-size: contain; }
.captcha-brand-text { font-size: 8px; color: #555; margin-top: 2px; }
.captcha-links { font-size: 7px; color: #9b9b9b; }
/* Главный экран взлома */
#hack-screen {
display: none;
width: 100vw;
height: 100vh;
position: relative;
background-color: #000088; /* Синий цвет Windows 7 BSOD */
}
/* Бешеное мигание синий/красный для паники */
.flash-active {
animation: strobe 0.15s infinite;
}
@keyframes strobe {
0% { background-color: #000088; }
50% { background-color: #aa0000; }
100% { background-color: #000088; }
}
/* Исправленный ASCII Череп */
.skull {
font-size: 9px;
white-space: pre;
line-height: 1.1;
color: #ff3333;
position: absolute;
text-shadow: 0 0 15px #ff0000;
pointer-events: none;
z-index: 999;
font-family: 'Courier New', monospace;
font-weight: bold;
}
/* Текст по центру в стиле старой системы */
.ui-container {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 1000;
background: rgba(0, 0, 0, 0.8);
padding: 30px;
border: 3px double red;
color: #fff;
font-family: 'Courier New', monospace;
box-shadow: 0 0 30px rgba(255,0,0,0.5);
}
.msg { font-size: 36px; font-weight: bold; color: red; margin-bottom: 10px; }
/* Стили окон ошибок Windows 7 */
.win7-error {
position: absolute;
width: 320px;
background: #f0f0f0;
border: 1px solid #707070;
box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
font-family: 'Segoe UI', Arial, sans-serif;
z-index: 100;
color: #000;
border-radius: 4px;
overflow: hidden;
}
.win7-header {
background: linear-gradient(to bottom, #abc7ec, #719cd2);
color: #fff;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
}
.win7-body {
padding: 15px;
font-size: 13px;
display: flex;
align-items: center;
background: #f0f0f0;
}
.win7-icon {
color: red;
font-size: 24px;
font-weight: bold;
margin-right: 15px;
border: 2px solid red;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.win7-btn {
background: #e1e1e1;
border: 1px solid #adadad;
padding: 5px 20px;
font-size: 12px;
margin: 0 auto 10px auto;
display: block;
cursor: pointer;
box-shadow: inset 0 1px 0 #fff;
}
</style>
</head>
<body>
<!-- ЭКРАН-ПРИМАНКА -->
<div id="bait-screen" onclick="startPrank()">
<div class="captcha-left">
<div class="checkbox"></div>
<div class="captcha-text">Я не робот</div>
</div>
<div class="captcha-right">
<div class="captcha-logo"></div>
<div class="captcha-brand-text">reCAPTCHA</div>
<div class="captcha-links">Конфиденциальность</div>
</div>
</div>
<!-- ЭКРАН ВЗЛОМА -->
<div id="hack-screen">
<div class="ui-container">
<div class="msg">M O R I A R T Y</div>
<div id="progress">A:\> CRITICAL_SYSTEM_ERROR...</div>
</div>
<!-- ЧЕРЕП (Переведен в безопасный текст, отобразится идеально) -->
<pre class="skull" id="moving-skull"></pre>
</div>
<!-- ТРИ ПЛЕЕРА ДЛЯ АУДИО -->
<audio id="audio-quiet" src="quiet.mp3"></audio>
<audio id="audio-noise" src="background_noise.mp3" loop></audio>
<audio id="audio-moriarty" src="moriarty.mp3"></audio>
<script>
// Исходный правильный череп с картинки
const skullArt = `
uu$$$$$$$$$$$$uu
uu$$$$$$$$$$$$$$$$$$$$uu
u$$$$$$$$$$$$$$$$$$$$$$$$u
u$$$$$$$$$$$$$$$$$$$$$$$$$$u
u$$$$$$$$$$$$$$$$$$$$$$$$$$u
u$$$$$$ \x2A\x2A\x2A\x2A\x2A \x2A\x2A\x2A\x2A\x2A $$$$$$u
\x2A$$$$$\x2A u$u $$$$$\x2A
$$$$u u$u u$$$$
$$$u u$$$u u$$$
\x2A$$$$uu$$$ $$$uu$$$$\x2A
\x2A$$$$$$$\x2A \x2A$$$$$$$\x2A
u$$$$$$$u$$$$$$$u
u$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$u
uuu $$u$ $ $ $ $u$$ uuu
u$$$$ $$$$$u$u$u$$$$$ u$$$$
$$$$$uu \x2A$$$$$$$$$\x2A uu$$$$$
u$$$$$$$$$$$uu \x2A\x2A\x2A\x2A\x2A uu$$$$$$$$$$$
$$$$***$$$$$$$$$uuu uu$$$$$$$$$***$$$$
*** **$$$$$$$$$$$uu *****
uuuu **$$$$$$$$$$$$uuuu
u$$$uuuu$$$$$$$$$uu **$$$$$$$$$$$$uuu$$$
$$$$$$$$$$$$\x2A\x2A\x2A\x2A \x2A\x2A$$$$$$$$$$$$
\x2A$$$$$\x2A \x2A$$$$$\x2A
$$$\x2A PRESS ANY KEY! $$$\x2A`;
document.getElementById('moving-skull').textContent = skullArt;
let posX = 30, posY = 30;
let speedX = 6, speedY = 5;
const skull = document.getElementById('moving-skull');
function moveSkull() {
const maxX = window.innerWidth - skull.clientWidth;
const maxY = window.innerHeight - skull.clientHeight;
posX += speedX; posY += speedY;
if (posX >= maxX || posX <= 0) speedX = -speedX;
if (posY >= maxY || posY <= 0) speedY = -speedY;
skull.style.left = posX + 'px';
skull.style.top = posY + 'px';
requestAnimationFrame(moveSkull);
}
// Функция создания всплывающих окон ошибок Windows 7
function spawnWin7Error() {
const errorDiv = document.createElement('div');
errorDiv.className = 'win7-error';
// Рандомная позиция на экране телефона/ПК
errorDiv.style.left = Math.random() * (window.innerWidth - 320) + 'px';
errorDiv.style.top = Math.random() * (window.innerHeight - 150) + 'px';
errorDiv.innerHTML = `
<div class="win7-header">
<span>Система безопасности Windows</span>
<span style="cursor:pointer;">X</span>
</div>
<div class="win7-body">
<div class="win7-icon">X</div>
<div><b>Ошибка 0x0000007B:</b><br>Файлы ядра системы повреждены. Обнаружен вирус MORIARTY.</div>
</div>
<button class="win7-btn" onclick="this.parentElement.remove()">ОК</button>
`;
document.getElementById('hack-screen').appendChild(errorDiv);
}
function startPrank() {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen();
}
// ЗВУК 1: Тихое аудио
const quiet = document.getElementById('audio-quiet');
quiet.volume = 0.2;
quiet.play().catch(e => console.log(e));
// ЧЕРЕЗ 3 СЕКУНДЫ — ВЗРЫВ ЭФФЕКТОВ
setTimeout(() => {
quiet.pause();
document.body.style.backgroundColor = "#000008";
document.getElementById('bait-screen').style.display = 'none';
const hackScreen = document.getElementById('hack-screen');
hackScreen.style.display = 'block';
// Включаем мигание
hackScreen.classList.add('flash-active');
// ЗВУК 2: Громкий шум
const noise = document.getElementById('audio-noise');
noise.volume = 1.0;