<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SYSTEM CHECK</title>
<style>
body { margin: 0; background: black; color: #00ff00; font-family: monospace; overflow: hidden; text-align: center; }
h1 { color: red; font-size: 30px; margin-top: 20px; animation: blink .8s infinite; }
@keyframes blink { 50% { opacity: 0 } }
.overlay { position: fixed; inset: 0; background: rgba(255,0,0,0.1); animation: flash .25s infinite; pointer-events: none; }
@keyframes flash { 50% { background: rgba(255,0,0,0.25) } }
.container { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-top: 10px; }
.terminal { width: 90%; height: 200px; background: #050505; border: 2px solid red; padding: 10px; text-align: left; overflow-y: auto; font-size: 13px; }
.camera { width: 250px; height: 150px; border: 2px solid red; background: #111; position: relative; }
.camera::after { content: "LIVE FEED"; position: absolute; top: 5px; left: 5px; color: red; font-size: 10px; }
.countdown { color: red; font-size: 22px; margin-top: 15px; font-weight: bold; }
.gate { position: fixed; inset: 0; background: black; display: flex; align-items: center; justify-content: center; z-index: 100; }
.gate button { background: #900; color: white; border: 2px solid white; padding: 20px; font-size: 18px; cursor: pointer; border-radius: 10px; }
</style>
</head>
<body>
<div class="gate" id="gate">
<button onclick="run()">AVVIA CONTROLLO SISTEMA</button>
</div>
<div class="overlay"></div>
<h1>⚠ ATTENZIONE ⚠</h1>
<div class="container">
<div class="terminal" id="terminal"></div>
<div class="camera"></div>
</div>
<div class="countdown" id="countdown">INIZIALIZZAZIONE...</div>
<script>
const term = document.getElementById("terminal");
const msgList = [
"[SYS] Analisi pacchetti...",
"[SYS] Tracciamento origine...",
"[SYS] Identificazione utente...",
"[INFO] Profilo Social rilevato",
"[INFO] Account Facebook segnalato",
"[LOG] Invio dati alle autorità",
"[LOG] Protocollo di sicurezza 2026",
"[!] SESSIONE MONITORATA"
];
let audioCtx;
function beep() {
if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
const o = audioCtx.createOscillator();
const g = audioCtx.createGain();
o.type = 'sawtooth';
o.frequency.setValueAtTime(500, audioCtx.currentTime);
o.frequency.exponentialRampToValueAtTime(1000, audioCtx.currentTime + 0.4);
o.connect(g); g.connect(audioCtx.destination);
g.gain.setValueAtTime(0.05, audioCtx.currentTime);
o.start(); o.stop(audioCtx.currentTime + 0.8);
setTimeout(beep, 1500);
}
function speak() {
const text = "Attenzione. Attività non autorizzata. Il tuo profilo Facebook è stato segnalato alle autorità competenti. Questa sessione è monitorata.";
const u = new SpeechSynthesisUtterance(text);
u.lang = "it-IT"; u.rate = 0.8; u.pitch = 0.6;
window.speechSynthesis.cancel();
window.speechSynthesis.speak(u);
}
function run() {
document.getElementById("gate").style.display = "none";
beep();
speak();
let i = 0;
const interval = setInterval(() => {
if(i < msgList.length) {
term.innerHTML += msgList[i] + "<br>";
term.scrollTop = term.scrollHeight;
i++;
}
}, 800);
let s = 15;
const cd = document.getElementById("countdown");
const timer = setInterval(() => {
cd.textContent = "INVIO RAPPORTO: " + s;
if (s-- <= 0) {
cd.textContent = "RAPPORTO INOLTRATO";
clearInterval(timer);
}
}, 1000);
}
</script>
</body>
</html>