|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Warning: Tab Explosion</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<style> |
|
|
body { |
|
|
font-family: 'Arial', sans-serif; |
|
|
background-color: #f3f4f6; |
|
|
} |
|
|
.warning-pulse { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
@keyframes pulse { |
|
|
0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); } |
|
|
70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); } |
|
|
100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-100 min-h-screen flex items-center justify-center p-4"> |
|
|
<div class="max-w-2xl w-full bg-white rounded-xl shadow-lg overflow-hidden warning-pulse"> |
|
|
<div class="bg-red-600 p-4"> |
|
|
<h1 class="text-2xl font-bold text-white text-center">⚠️ WARNING ⚠️</h1> |
|
|
</div> |
|
|
<div class="p-6 space-y-4"> |
|
|
<div class="flex items-center justify-center"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-red-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h2 class="text-xl font-semibold text-gray-800 text-center">This page attempts to open multiple tabs!</h2> |
|
|
<p class="text-gray-600 text-center"> |
|
|
Most browsers will block this behavior as it's considered harmful. |
|
|
This is just a demonstration of what malicious sites might try to do. |
|
|
</p> |
|
|
|
|
|
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-4"> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0"> |
|
|
<svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> |
|
|
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /> |
|
|
</svg> |
|
|
</div> |
|
|
<div class="ml-3"> |
|
|
<p class="text-sm text-yellow-700"> |
|
|
<strong>Important:</strong> Never implement this in a real website. It's annoying for users and will likely get your site blacklisted. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"> |
|
|
<button onclick="attemptTabExplosion()" type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"> |
|
|
Try it (will be blocked) |
|
|
</button> |
|
|
<button onclick="window.close()" type="button" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"> |
|
|
Close this page |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
function attemptTabExplosion() { |
|
|
|
|
|
const urls = [ |
|
|
'https://example.com', |
|
|
'https://example.net', |
|
|
'https://example.org', |
|
|
'https://google.com', |
|
|
'https://youtube.com', |
|
|
'https://facebook.com', |
|
|
'https://twitter.com', |
|
|
'https://instagram.com', |
|
|
'https://linkedin.com', |
|
|
'https://reddit.com', |
|
|
'https://wikipedia.org', |
|
|
'https://amazon.com', |
|
|
'https://ebay.com', |
|
|
'https://netflix.com', |
|
|
'https://microsoft.com', |
|
|
'https://apple.com', |
|
|
'https://github.com', |
|
|
'https://stackoverflow.com', |
|
|
'https://medium.com', |
|
|
'https://quora.com' |
|
|
]; |
|
|
|
|
|
|
|
|
urls.forEach(url => { |
|
|
window.open(url, '_blank'); |
|
|
}); |
|
|
|
|
|
alert("Your browser likely blocked most of these popups. This is a security feature to protect users from exactly this kind of behavior."); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Felix8917/ivanip" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
