Okay, here's another one: a fake "Virus Detected" alert. Totally Secure Page

Welcome to the Safest Place on the Internet!

Nothing suspicious could possibly happen here...

⚠️ Security Warning

VIRUS DETECTED!

Your system has been infected with:

GenericAnnoyance.exe
PrankWare.js
SillyWorm.tmp

Scanning for more threats...

Status: Finding... mostly jokes.

... April Fools! 😉

body { font-family: sans-serif; padding: 20px; background-color: #f0f0f0; transition: background-color 0.5s ease; } .alert-hidden { display: none; opacity: 0; transform: scale(0.8); } #fake-alert { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 90%; max-width: 450px; background-color: #fff; border: 3px solid #cc0000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); border-radius: 8px; z-index: 1000; opacity: 1; transition: opacity 0.3s ease, transform 0.3s ease; animation: shake 0.5s ease-in-out infinite alternate; /* Subtle shake */ } @keyframes shake { from { transform: translate(-50%, -50%) rotate(-0.5deg); } to { transform: translate(-50%, -50%) rotate(0.5deg); } } .alert-header { background-color: #cc0000; color: white; padding: 10px 15px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; display: flex; justify-content: space-between; align-items: center; } .warning-icon { font-size: 1.2em; margin-right: 5px; } .close-btn { background: none; border: none; color: white; font-size: 1.5em; cursor: pointer; padding: 0 5px; } .alert-body { padding: 20px; text-align: center; } .alert-body h2 { color: #cc0000; margin-top: 0; } #virus-list { list-style: none; padding: 0; margin: 15px 0; font-family: 'Courier New', Courier, monospace; color: #555; } #virus-list li { margin-bottom: 5px; } .progress-bar-container { width: 100%; height: 15px; background-color: #eee; border-radius: 10px; margin: 20px auto; overflow: hidden; border: 1px solid #ccc; } .progress-bar { height: 100%; width: 0%; background-color: #ffcc00; /* Warning yellow */ border-radius: 10px; transition: width 0.2s linear; } .panic-btn { background-color: #ff4136; /* Red */ color: white; border: none; padding: 10px 20px; font-size: 1em; cursor: pointer; border-radius: 5px; margin-top: 15px; transition: background-color 0.2s ease; } .panic-btn:hover { background-color: #d11a0e; } .april-fools-reveal { margin-top: 15px; font-size: 0.9em; color: #888; opacity: 0; /* Initially hidden */ transition: opacity 1s ease 1s; /* Fade in after delay */ } /* Class added by JS */ .alert-visible { display: block; } .reveal { opacity: 1 !important; } .panic-mode { background-color: #ff851b !important; /* Orange flash */ animation: intense-shake 0.1s linear infinite !important; } @keyframes intense-shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } const fakeAlert = document.getElementById('fake-alert'); const progressBar = document.getElementById('scan-progress'); const revealText = document.querySelector('.april-fools-reveal'); const body = document.body; let progress = 0; let scanInterval; function startScan() { scanInterval = setInterval(() => { progress += Math.random() * 5; if (progress >= 100) { progress = 100; clearInterval(scanInterval); // Optionally add more fake viruses after scan } progressBar.style.width = progress + '%'; }, 150); } function showAlert() { fakeAlert.classList.remove('alert-hidden'); fakeAlert.classList.add('alert-visible'); startScan(); // Make the reveal text visible after a delay setTimeout(() => { revealText.classList.add('reveal'); }, 4000); // Reveal "April Fools" after 4 seconds } function closeAlert() { fakeAlert.style.opacity = '0'; fakeAlert.style.transform = 'translate(-50%, -50%) scale(0.8)'; clearInterval(scanInterval); // Stop scanning if closed early body.classList.remove('panic-mode'); // Remove panic mode if active setTimeout(() => { fakeAlert.classList.remove('alert-visible'); fakeAlert.classList.add('alert-hidden'); // Reset for potential re-trigger (though not set up here) fakeAlert.style.opacity = '1'; fakeAlert.style.transform = 'translate(-50%, -50%) scale(1)'; progress = 0; progressBar.style.width = '0%'; revealText.classList.remove('reveal'); }, 300); // Match CSS transition duration } function panic() { alert("Okay, okay, you clicked it! It's just an April Fools' prank! Relax! :)"); body.classList.add('panic-mode'); // Add visual panic effect fakeAlert.style.animation = 'intense-shake 0.1s linear infinite'; // Override subtle shake // Remove panic mode after a bit setTimeout(() => { body.classList.remove('panic-mode'); fakeAlert.style.animation = 'shake 0.5s ease-in-out infinite alternate'; // Restore original animation }, 1000); } // Trigger the alert after a delay when the page loads window.onload = () => { setTimeout(showAlert, 2000); // Show alert 2 seconds after page load }; This creates a page with some placeholder text. After a couple of seconds, a fake "Virus Detected" warning pops up, complete with a progress bar and silly virus names. It includes a close button that works and reveals the "April Fools!" message after a short delay. There's also a "DO NOT CLICK!" button for extra temptation, which triggers a simple alert confirming the prank.