Spaces:

tinyheckler
/

https-youtube-com

Running

App Files Files Community

tinyheckler commited on Jun 11, 2025

Commit

4879f0e

verified ·

1 Parent(s): 76097e7

i want it so if i share the site by url it will show as youtube with a youtube thumbnail - Follow Up Deployment

Browse files

Files changed (2) hide show

index.html +35 -3
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -3,7 +3,32 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>TinyHeckler's Revenge</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap');
@@ -180,7 +205,13 @@
     </audio>
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
             const content = document.getElementById('content');
             const cursor = document.getElementById('cursor');
             const revealBtn = document.getElementById('revealBtn');
@@ -442,7 +473,8 @@
                     });
                 });
             });
-        });
     </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>

 <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');
     </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');
                     });
                 });
             });
+            });
+        }
     </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>

prompts.txt CHANGED Viewed

@@ -1,3 +1,4 @@
 Create a single-page HTML/CSS/JavaScript website that simulates a fake hacking scenario by a fictional hacker named TinyHeckler. When the user opens the site, it should:  Fullscreen takeover effect: Simulate a terminal interface with black background and green monospaced text.  Typing animation: Show simulated commands being typed out by TinyHeckler, such as infiltrating_system..., stealing_passwords..., or uploading_to_darknet....  Glitches and warnings: Flash red warnings like “⚠️ SYSTEM BREACH DETECTED” or “YOUR FILES ARE NO LONGER YOURS.”  Simulated file access: Randomly display fake file names scrolling fast like a directory dump (e.g., C:\Users\Alex\Documents\Passwords.docx).  TinyHeckler messages: Occasionally pop up intimidating or taunting messages from TinyHeckler in ASCII art or styled text like:  nginx Copy Edit TINYHECKLER OWNS YOU NOW. SIT BACK AND ENJOY THE SHOW. 😈 Audio effects: Optional background glitch/static noise or warning beeps to add immersion.  "Undo the hack" button: A hidden button (or key combo like Esc 3 times) that stops the simulation and reveals it was a prank.
 hide the escape button in the bottom right corner but keep its action there
-add in a lot of taunts and scares saying tinyheckler said this or said that make like hacker threats to the user

 Create a single-page HTML/CSS/JavaScript website that simulates a fake hacking scenario by a fictional hacker named TinyHeckler. When the user opens the site, it should:  Fullscreen takeover effect: Simulate a terminal interface with black background and green monospaced text.  Typing animation: Show simulated commands being typed out by TinyHeckler, such as infiltrating_system..., stealing_passwords..., or uploading_to_darknet....  Glitches and warnings: Flash red warnings like “⚠️ SYSTEM BREACH DETECTED” or “YOUR FILES ARE NO LONGER YOURS.”  Simulated file access: Randomly display fake file names scrolling fast like a directory dump (e.g., C:\Users\Alex\Documents\Passwords.docx).  TinyHeckler messages: Occasionally pop up intimidating or taunting messages from TinyHeckler in ASCII art or styled text like:  nginx Copy Edit TINYHECKLER OWNS YOU NOW. SIT BACK AND ENJOY THE SHOW. 😈 Audio effects: Optional background glitch/static noise or warning beeps to add immersion.  "Undo the hack" button: A hidden button (or key combo like Esc 3 times) that stops the simulation and reveals it was a prank.
 hide the escape button in the bottom right corner but keep its action there
+add in a lot of taunts and scares saying tinyheckler said this or said that make like hacker threats to the user
+i want it so if i share the site by url it will show as youtube with a youtube thumbnail