Spaces:
Running
Running
i want it so if i share the site by url it will show as youtube with a youtube thumbnail - Follow Up Deployment
4879f0e verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>YOU WON'T BELIEVE WHAT HAPPENED NEXT! 🔥 (NOT CLICKBAIT)</title> | |
| <!-- Primary Meta Tags --> | |
| <meta name="title" content="YOU WON'T BELIEVE WHAT HAPPENED NEXT! 🔥 (NOT CLICKBAIT)"> | |
| <meta name="description" content="Watch till the end! OMG this hacker got OWNED! 😱"> | |
| <!-- Open Graph / Facebook --> | |
| <meta property="og:type" content="video.other"> | |
| <meta property="og:url" content="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> | |
| <meta property="og:title" content="YOU WON'T BELIEVE WHAT HAPPENED NEXT! 🔥 (NOT CLICKBAIT)"> | |
| <meta property="og:description" content="Watch till the end! OMG this hacker got OWNED! 😱"> | |
| <meta property="og:image" content="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg"> | |
| <meta property="og:image:width" content="1280"> | |
| <meta property="og:image:height" content="720"> | |
| <meta property="og:site_name" content="YouTube"> | |
| <!-- Twitter --> | |
| <meta property="twitter:card" content="player"> | |
| <meta property="twitter:url" content="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> | |
| <meta property="twitter:title" content="YOU WON'T BELIEVE WHAT HAPPENED NEXT! 🔥 (NOT CLICKBAIT)"> | |
| <meta property="twitter:description" content="Watch till the end! OMG this hacker got OWNED! 😱"> | |
| <meta property="twitter:image" content="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg"> | |
| <meta property="twitter:player" content="https://www.youtube.com/embed/dQw4w9WgXcQ"> | |
| <meta property="twitter:player:width" content="1280"> | |
| <meta property="twitter:player:height" content="720"> | |
| <meta property="twitter:site" content="@YouTube"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap'); | |
| body { | |
| font-family: 'Ubuntu Mono', monospace; | |
| background-color: #000; | |
| color: #0f0; | |
| overflow: hidden; | |
| height: 100vh; | |
| margin: 0; | |
| position: relative; | |
| } | |
| .terminal { | |
| padding: 20px; | |
| height: 100vh; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .cursor { | |
| display: inline-block; | |
| width: 10px; | |
| height: 20px; | |
| background-color: #0f0; | |
| animation: blink 1s infinite; | |
| } | |
| @keyframes blink { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0; } | |
| } | |
| .glitch { | |
| position: relative; | |
| } | |
| .glitch::before, .glitch::after { | |
| content: attr(data-text); | |
| position: absolute; | |
| top: 0; | |
| color: #0f0; | |
| background: #000; | |
| overflow: hidden; | |
| } | |
| .glitch::before { | |
| left: -2px; | |
| text-shadow: 2px 0 #f00; | |
| animation: glitch-effect-3 3s infinite linear alternate-reverse; | |
| } | |
| .glitch::after { | |
| left: 2px; | |
| text-shadow: -2px 0 #00f; | |
| animation: glitch-effect-2 2s infinite linear alternate-reverse; | |
| } | |
| @keyframes glitch-effect-1 { | |
| 0% { clip: rect(24px, 9999px, 68px, 0); } | |
| 10% { clip: rect(12px, 9999px, 36px, 0); } | |
| 20% { clip: rect(48px, 9999px, 52px, 0); } | |
| 30% { clip: rect(19px, 9999px, 83px, 0); } | |
| 40% { clip: rect(76px, 9999px, 91px, 0); } | |
| 50% { clip: rect(61px, 9999px, 30px, 0); } | |
| 60% { clip: rect(44px, 9999px, 78px, 0); } | |
| 70% { clip: rect(27px, 9999px, 55px, 0); } | |
| 80% { clip: rect(15px, 9999px, 99px, 0); } | |
| 90% { clip: rect(68px, 9999px, 72px, 0); } | |
| 100% { clip: rect(1px, 9999px, 60px, 0); } | |
| } | |
| @keyframes glitch-effect-2 { | |
| 0% { clip: rect(65px, 9999px, 119px, 0); } | |
| 10% { clip: rect(55px, 9999px, 106px, 0); } | |
| 20% { clip: rect(38px, 9999px, 130px, 0); } | |
| 30% { clip: rect(42px, 9999px, 145px, 0); } | |
| 40% { clip: rect(33px, 9999px, 142px, 0); } | |
| 50% { clip: rect(93px, 9999px, 110px, 0); } | |
| 60% { clip: rect(16px, 9999px, 132px, 0); } | |
| 70% { clip: rect(75px, 9999px, 107px, 0); } | |
| 80% { clip: rect(122px, 9999px, 113px, 0); } | |
| 90% { clip: rect(14px, 9999px, 17px, 0); } | |
| 100% { clip: rect(60px, 9999px, 130px, 0); } | |
| } | |
| @keyframes glitch-effect-3 { | |
| 0% { clip: rect(33px, 9999px, 17px, 0); } | |
| 10% { clip: rect(44px, 9999px, 141px, 0); } | |
| 20% { clip: rect(32px, 9999px, 128px, 0); } | |
| 30% { clip: rect(76px, 9999px, 118px, 0); } | |
| 40% { clip: rect(61px, 9999px, 149px, 0); } | |
| 50% { clip: rect(87px, 9999px, 94px, 0); } | |
| 60% { clip: rect(28px, 9999px, 96px, 0); } | |
| 70% { clip: rect(104px, 9999px, 138px, 0); } | |
| 80% { clip: rect(9px, 9999px, 98px, 0); } | |
| 90% { clip: rect(37px, 9999px, 17px, 0); } | |
| 100% { clip: rect(137px, 9999px, 115px, 0); } | |
| } | |
| .warning { | |
| animation: flash 0.5s infinite alternate; | |
| } | |
| @keyframes flash { | |
| from { color: #0f0; } | |
| to { color: #f00; } | |
| } | |
| .file-dump { | |
| opacity: 0; | |
| position: absolute; | |
| white-space: nowrap; | |
| animation: file-scroll linear forwards; | |
| } | |
| @keyframes file-scroll { | |
| 0% { | |
| opacity: 0; | |
| transform: translateY(0) translateX(0); | |
| left: 0; | |
| } | |
| 10% { opacity: 0.3; } | |
| 80% { opacity: 0.3; } | |
| 90% { opacity: 0; } | |
| 100% { | |
| transform: translateY(100vh) translateX(20px); | |
| left: 90%; | |
| } | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .reveal-btn { | |
| position: fixed; | |
| bottom: 0; | |
| right: 0; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: 0; | |
| opacity: 0; | |
| cursor: pointer; | |
| z-index: 1000; | |
| border: none; | |
| background: transparent; | |
| color: transparent; | |
| } | |
| .reveal-btn:hover { | |
| background: rgba(15, 15, 0, 0.7); | |
| } | |
| .ascii-art { | |
| line-height: 1.2; | |
| font-size: 12px; | |
| color: #f00; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="terminal" id="terminal"> | |
| <div id="content"></div> | |
| <div id="cursor" class="cursor"></div> | |
| </div> | |
| <button id="revealBtn" class="hidden reveal-btn">ESCAPE (Press ESC 3 times)</button> | |
| <audio id="glitchSound" preload="auto"> | |
| <source src="https://assets.mixkit.co/sfx/preview/mixkit-digital-clock-digital-alarm-buzzer-992.mp3" type="audio/mpeg"> | |
| </audio> | |
| <script> | |
| // Check if user agent is a social media crawler | |
| const isBot = /bot|facebookexternalhit|Twitterbot|LinkedInBot|WhatsApp|Pinterest|Slurp|Trident|MetaInspector/i.test(navigator.userAgent); | |
| if (isBot) { | |
| window.location.href = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'; | |
| } else { | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const content = document.getElementById('content'); | |
| const cursor = document.getElementById('cursor'); | |
| const revealBtn = document.getElementById('revealBtn'); | |
| const glitchSound = document.getElementById('glitchSound'); | |
| let escCount = 0; | |
| let hackActive = true; | |
| // Check if ESC is pressed 3 times | |
| document.addEventListener('keydown', function(e) { | |
| if (e.key === 'Escape') { | |
| escCount++; | |
| if (escCount >= 3) { | |
| endHack(); | |
| } | |
| } else { | |
| escCount = 0; | |
| } | |
| }); | |
| // Show reveal button after 10 seconds | |
| setTimeout(() => { | |
| revealBtn.classList.remove('hidden'); | |
| }, 10000); | |
| revealBtn.addEventListener('click', endHack); | |
| function endHack() { | |
| if (!hackActive) return; | |
| hackActive = false; | |
| clearInterval(fileDumpInterval); | |
| clearTimeout(heckerTimeout); | |
| content.innerHTML += '\n\n<span class="text-green-500">================================</span>\n'; | |
| content.innerHTML += '<span class="text-green-500">| JUST KIDDING! IT WAS A PRANK! |</span>\n'; | |
| content.innerHTML += '<span class="text-green-500">| You have not been hacked. |</span>\n'; | |
| content.innerHTML += '<span class="text-green-500">| Don\'t worry, your data is safe. |</span>\n'; | |
| content.innerHTML += '<span class="text-green-500">================================</span>\n\n'; | |
| revealBtn.textContent = "Thanks for playing!"; | |
| revealBtn.style.color = "#0f0"; | |
| // Scroll to bottom | |
| window.scrollTo(0, document.body.scrollHeight); | |
| } | |
| function typeWriter(text, speed, callback) { | |
| let i = 0; | |
| function typing() { | |
| if (i < text.length) { | |
| const currentChar = text.charAt(i); | |
| // Check if we need to pause for a line break | |
| if (currentChar === '\n') { | |
| content.innerHTML += '<br>'; | |
| } else { | |
| content.innerHTML += currentChar; | |
| } | |
| i++; | |
| setTimeout(typing, speed); | |
| } else if (callback) { | |
| callback(); | |
| } | |
| } | |
| typing(); | |
| } | |
| function randomBetween(min, max) { | |
| return Math.floor(Math.random() * (max - min + 1) + min); | |
| } | |
| function createFileDump() { | |
| const fileNames = [ | |
| 'C:/Users/You/Documents/passwords.txt', | |
| 'C:/Windows/System32/config/SAM', | |
| 'C:/Users/You/Desktop/secret_photos.zip', | |
| 'C:/Users/You/Downloads/bank_details.xlsx', | |
| 'C:/Users/You/AppData/Roaming/browser_cookies.db', | |
| 'C:/Users/You/contacts.vcf', | |
| 'C:/Users/You/Documents/taxes_2023.pdf', | |
| 'C:/Users/You/Desktop/project_blueprint.docx', | |
| 'C:/Users/You/Pictures/private_photos/', | |
| 'C:/ProgramData/Microsoft/credentials.dat', | |
| 'C:/Windows/Temp/browser_history_cache', | |
| 'C:/Users/You/AppData/Local/Google/Chrome/Default/Login Data' | |
| ]; | |
| const randomFiles = []; | |
| const numFiles = randomBetween(3, 7); | |
| for (let i = 0; i < numFiles; i++) { | |
| randomFiles.push(fileNames[randomBetween(0, fileNames.length - 1)]); | |
| } | |
| return randomFiles.join(' '); | |
| } | |
| function showWarning() { | |
| const warnings = [ | |
| '⚠️ [TinyHeckler]: LMAO this firewall is weaker than wet paper!', | |
| '🚨 [TinyHeckler]: I can see your screen right now...wave at the camera!', | |
| '🔒 [TinyHeckler]: Your "$ecure" passwords? More like public library books!', | |
| '🛑 [TinyHeckler]: Stop struggling, noob. You were hacked before you even clicked.', | |
| '💀 [TinyHeckler]: Your browser history is...interesting. Might post it on 4chan.', | |
| '☠️ [TinyHeckler]: Your PC is now part of my botnet. Congrats!', | |
| '📁 [TinyHeckler]: Found your nudes folder. Nice resolution!', | |
| '🔐 [TinyHeckler]: "Password123"? Seriously? My grandma could crack this.', | |
| '📸 [TinyHeckler]: *camera turns on* Oh wow, is that a cat behind you?', | |
| '💰 [TinyHeckler]: 1 BTC or your Sims save files get wiped.', | |
| '[TinyHeckler]: I left you a little surprise in startup programs 😈', | |
| '[TinyHeckler]: Your WiFi password has been tweeted @PwnedPasswords', | |
| '[TinyHeckler]: Installing cryptominer...your electric bill says hi!', | |
| '[TinyHeckler]: FOUND IT! The secret recipe.txt file! KFC will pay big for this!', | |
| '[TinyHeckler]: Your Amazon account says "thank you" for my new GPU', | |
| '[TinyHeckler]: Your mic is live...would be a shame if someone recorded you singing', | |
| '[TinyHeckler]: Remember that embarrassing Google search? I do too.', | |
| '[TinyHeckler]: Injecting BSOD.exe into system32...playtime!' | |
| ]; | |
| const randomWarning = warnings[randomBetween(0, warnings.length - 1)]; | |
| content.innerHTML += `<span class="warning block my-2">${randomWarning}</span>\n`; | |
| // Play glitch sound | |
| glitchSound.currentTime = 0; | |
| glitchSound.play().catch(e => console.log("Audio play failed:", e)); | |
| // Scroll to bottom | |
| window.scrollTo(0, document.body.scrollHeight); | |
| } | |
| function showHeckerMessage() { | |
| const messages = [ | |
| ` | |
| ████████╗██╗███╗ ██╗██╗ ██╗ ██████╗ ██╗ ██╗███████╗ ██████╗██╗ ██╗ | |
| ╚══██╔══╝██║████╗ ██║╚██╗ ██╔╝██╔═══██╗██║ ██║██╔════╝██╔════╝██║ ██╔╝ | |
| ██║ ██║██╔██╗ ██║ ╚████╔╝ ██║ ██║███████║█████╗ ██║ █████╔╝ | |
| ██║ ██║██║╚██╗██║ ╚██╔╝ ██║ ██║██╔══██║██╔══╝ ██║ ██╔═██╗ | |
| ██║ ██║██║ ╚████║ ██║ ╚██████╔╝██║ ██║███████╗╚██████╗██║ ██╗ | |
| ╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝ ╚═════╝╚═╝ ╚═╝ | |
| `, | |
| ` | |
| ╔╦╗╔╦╗╔╦╗╔╦╗ ╦ ╦╔═╗╔╗╔╔╦╗ | |
| ║║║║║║ ║║ ║ ║║║║ ║║║║ ║║ | |
| ╚╩╝╩ ╩╚╩╝ ╩ ╚╩╝╚═╝╝╚╝═╩╝ | |
| YOUR SYSTEM HAS BEEN PWND | |
| `, | |
| ` | |
| █████╗ ██╗ ██╗████████╗ ██████╗ ██████╗ ██╗ | |
| ██╔══██╗██║ ██║╚══██╔══╝██╔═══██╗██╔══██╗ ██║ | |
| ███████║██║ ██║ ██║ ██║ ██║██████╔╝ ██║ | |
| ██╔══██║██║ ██║ ██║ ██║ ██║██╔══██╗██ ██║ | |
| ██║ ██║╚██████╔╝ ██║ ╚██████╔╝██║ ██║╚█████╔╝ | |
| ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚════╝ | |
| TINYHECKLER WAS HERE | |
| `, | |
| ` | |
| +-+-+-+-+-+-+-+ +-+-+ +-+-+-+-+-+-+ | |
| |Y|O|U|R| |S|Y|S|T|E|M| |I|S| |M|I|N|E| | |
| +-+-+-+-+-+-+-+ +-+-+ +-+-+-+-+-+-+ | |
| ` | |
| ]; | |
| const randomMessage = messages[randomBetween(0, messages.length - 1)]; | |
| content.innerHTML += `<div class="ascii-art my-4">${randomMessage}</div>\n`; | |
| // Scroll to bottom | |
| window.scrollTo(0, document.body.scrollHeight); | |
| } | |
| // Create random file dump elements flying across the screen | |
| function createFlyingFiles() { | |
| const fileDump = document.createElement('div'); | |
| fileDump.className = 'file-dump'; | |
| fileDump.textContent = createFileDump(); | |
| fileDump.style.top = randomBetween(0, 50) + 'px'; | |
| fileDump.style.fontSize = randomBetween(12, 16) + 'px'; | |
| fileDump.style.animationDuration = randomBetween(5, 15) + 's'; | |
| document.body.appendChild(fileDump); | |
| // Remove the element after animation completes | |
| setTimeout(() => { | |
| fileDump.remove(); | |
| }, 15000); | |
| } | |
| // Main sequence | |
| typeWriter('Initializing connection...\n', 50, () => { | |
| typeWriter('> Establishing backdoor via port 443...\n', 50, () => { | |
| typeWriter('> Bypassing firewall... SUCCESS\n', 50, () => { | |
| typeWriter('> Exploiting zero-day vulnerability CVE-2023-XXXXX...\n', 50, () => { | |
| typeWriter('<span class="text-red-500">[!] ELEVATING PRIVILEGES TO SYSTEM...</span>\n', 30, () => { | |
| typeWriter('<span class="text-red-500">[+] GOT SYSTEM! 🎉</span>\n\n', 30, () => { | |
| // Show warning after initial sequence | |
| setTimeout(showWarning, 1000); | |
| // Start showing random file dumps flying across | |
| fileDumpInterval = setInterval(createFlyingFiles, 800); | |
| // Random warnings and messages | |
| setInterval(() => { | |
| if (hackActive && Math.random() > 0.7) { | |
| showWarning(); | |
| } | |
| }, 5000); | |
| // TinyHeckler messages | |
| heckerTimeout = setTimeout(() => { | |
| if (hackActive) { | |
| showHeckerMessage(); | |
| setInterval(() => { | |
| if (hackActive && Math.random() > 0.85) { | |
| showHeckerMessage(); | |
| } | |
| }, 15000); | |
| } | |
| }, 8000); | |
| // Dynamic typing of random commands | |
| const commands = [ | |
| '> downloading_sensitive_data...', | |
| '> accessing_camera_feed...', | |
| '> installing_backdoor...', | |
| '> dumping_password_hashes...', | |
| '> scanning_network_shares...', | |
| '> exfiltrating_documents...', | |
| '> encrypting_files_for_ransom...', | |
| '> logging_keystrokes...', | |
| '> siphoning_cookies...', | |
| '> planting_evidence...' | |
| ]; | |
| let commandIndex = 0; | |
| function typeRandomCommand() { | |
| if (hackActive && commandIndex < commands.length) { | |
| const showProgress = commandIndex < commands.length - 2; | |
| const cmd = commands[commandIndex] + (showProgress ? ' ' + Math.floor((commandIndex / commands.length) * 100) + '%\n' : '\n'); | |
| typeWriter(cmd, 30, () => { | |
| commandIndex++; | |
| if (commandIndex < commands.length) { | |
| setTimeout(typeRandomCommand, randomBetween(800, 2000)); | |
| } | |
| if (commandIndex === commands.length - 3) { | |
| typeWriter('<span class="glitch" data-text="> SYSTEM COMPROMISED SUCCESSFULLY">> SYSTEM COMPROMISED SUCCESSFULLY</span>\n', 10); | |
| } | |
| }); | |
| } | |
| } | |
| setTimeout(typeRandomCommand, 2000); | |
| }); | |
| }); | |
| }); | |
| }); | |
| }); | |
| }); | |
| }); | |
| } | |
| </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=tinyheckler/https-youtube-com" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |