Spaces:

Boobs00
/

deadsite

Running

App Files Files

Boobs00 commited on Apr 30, 2025

Commit

b043e67

verified ·

1 Parent(s): 8d07138

Add 2 files

Browse files

Files changed (2) hide show

index.html +119 -22
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -3,14 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DEADSITE</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=VT323&display=swap');
         .glitch {
             position: relative;
         }
         .glitch::before, .glitch::after {
             content: attr(data-text);
@@ -108,17 +109,88 @@
             opacity: 0.02;
             pointer-events: none;
         }
     </style>
 </head>
-<body class="bg-black text-green-400 font-mono min-h-screen overflow-x-hidden relative">
     <div class="noise"></div>
     <div class="scanline"></div>
     <div class="container mx-auto px-4 py-12">
         <!-- Header -->
         <header class="mb-12">
-            <h1 class="glitch text-6xl md:text-8xl font-bold mb-4 text-center" data-text="DEADSITE">
-                DEADSITE
             </h1>
             <p class="text-center text-xl md:text-2xl mb-8">
                 <span id="typing-text"></span><span class="terminal-cursor"></span>
@@ -145,6 +217,14 @@
                         <span>Data Integrity:</span>
                         <span class="text-red-400">12%</span>
                     </div>
                     <div class="h-2 bg-gray-800 rounded-full mt-2">
                         <div class="h-2 bg-red-500 rounded-full" style="width: 12%"></div>
                     </div>
@@ -201,6 +281,11 @@
                     <p>> Injecting glitch effects...</p>
                     <p>> Applying terminal styling...</p>
                     <p>> Welcome to DEADSITE v0.1</p>
                 </div>
                 <div class="flex">
@@ -213,9 +298,9 @@
                     <div class="grid grid-cols-2 gap-2 text-sm">
                         <div class="bg-gray-900 p-2">> reboot</div>
                         <div class="bg-gray-900 p-2">> scan</div>
-                        <div class="bg-gray-900 p-2">> purge</div>
-                        <div class="bg-gray-900 p-2">> recover</div>
-                        <div class="bg-gray-900 p-2">> status</div>
                         <div class="bg-gray-900 p-2">> help</div>
                     </div>
                 </div>
@@ -229,12 +314,12 @@
                 <div class="mb-6">
                     <h3 class="text-xl font-bold mb-2">RECOVERY PROGRESS</h3>
-                    <div class="h-4 bg-gray-800 rounded-full">
-                        <div class="h-4 bg-yellow-500 rounded-full" style="width: 23%"></div>
                     </div>
                     <div class="flex justify-between text-xs mt-1">
                         <span>0%</span>
-                        <span>23%</span>
                         <span>100%</span>
                     </div>
                 </div>
@@ -254,19 +339,27 @@
                             <i class="fas fa-file-alt mr-2"></i>
                             <span>readme.txt</span>
                         </div>
                     </div>
                 </div>
                 <div>
                     <h3 class="text-xl font-bold mb-3">EMERGENCY ACTIONS</h3>
                     <div class="space-y-2">
-                        <button class="w-full bg-red-900 text-red-400 py-2 px-4 hover:bg-red-800 transition flex items-center justify-center">
                             <i class="fas fa-fire mr-2"></i> PURGE ALL DATA
                         </button>
-                        <button class="w-full bg-yellow-900 text-yellow-400 py-2 px-4 hover:bg-yellow-800 transition flex items-center justify-center">
                             <i class="fas fa-ambulance mr-2"></i> EMERGENCY RECOVERY
                         </button>
-                        <button class="w-full bg-blue-900 text-blue-400 py-2 px-4 hover:bg-blue-800 transition flex items-center justify-center">
                             <i class="fas fa-shield-alt mr-2"></i> ACTIVATE FIREWALL
                         </button>
                     </div>
@@ -276,8 +369,8 @@
         <!-- Footer -->
         <footer class="mt-16 text-center text-sm opacity-70">
-            <p>DEADSITE v0.1 | SYSTEM FAILURE IMMINENT | LAST UPDATE: NEVER</p>
-            <p class="mt-2">THIS SITE IS BEING MONITORED BY THE SYSTEM ADMINISTRATOR</p>
             <div class="mt-4 flex justify-center space-x-4">
                 <span class="animate-pulse">■</span>
                 <span class="animate-pulse delay-100">■</span>
@@ -289,11 +382,11 @@
     <script>
         // Typing effect
         const phrases = [
-            "SYSTEM FAILURE DETECTED",
-            "DATA CORRUPTION: 88%",
-            "EMERGENCY PROTOCOLS ACTIVATED",
-            "THIS SITE IS NO LONGER MAINTAINED",
-            "ENTERING DEGRADED MODE"
         ];
         let currentPhrase = 0;
@@ -349,7 +442,11 @@
             "> SECURITY: Intrusion attempt detected",
             "> DEBUG: Stack trace corrupted",
             "> ALERT: CPU usage at 98%",
-            "> NOTICE: Switching to backup DNS"
         ];
         setInterval(() => {

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DEADSITE // BARON BLOCKCHAIN</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=VT323&family=Press+Start+2P&display=swap');
         .glitch {
             position: relative;
+            font-family: 'Press Start 2P', cursive;
         }
         .glitch::before, .glitch::after {
             content: attr(data-text);
             opacity: 0.02;
             pointer-events: none;
         }
+        .marquee {
+            overflow: hidden;
+            white-space: nowrap;
+            box-sizing: border-box;
+        }
+        .marquee-content {
+            display: inline-block;
+            padding-left: 100%;
+            animation: marquee 15s linear infinite;
+        }
+        @keyframes marquee {
+            0% { transform: translate(0, 0); }
+            100% { transform: translate(-100%, 0); }
+        }
+        .btn-hacker {
+            background: linear-gradient(45deg, #ff00ff, #00ffff);
+            color: black;
+            font-weight: bold;
+            border: none;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+            transition: all 0.3s ease;
+        }
+        .btn-hacker:hover {
+            background: linear-gradient(45deg, #00ffff, #ff00ff);
+            transform: translateY(-2px);
+            box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
+        }
+        .progress-bar {
+            height: 4px;
+            background-color: #333;
+            border-radius: 2px;
+            overflow: hidden;
+        }
+        .progress-bar-fill {
+            height: 100%;
+            background: linear-gradient(90deg, #ff00ff, #00ffff);
+            animation: progress-pulse 2s ease-in-out infinite;
+        }
+        @keyframes progress-pulse {
+            0% { opacity: 0.6; }
+            50% { opacity: 1; }
+            100% { opacity: 0.6; }
+        }
+        .baron-speech {
+            border-left: 3px solid #ff00ff;
+            padding-left: 10px;
+            margin: 15px 0;
+            font-style: italic;
+        }
+        body {
+            font-family: 'VT323', monospace;
+        }
     </style>
 </head>
+<body class="bg-black text-green-400 min-h-screen overflow-x-hidden relative">
     <div class="noise"></div>
     <div class="scanline"></div>
+    <!-- Marquee Ticker -->
+    <div class="marquee w-full bg-black border-b-2 border-red-600 py-1">
+        <div class="marquee-content text-base md:text-xl text-white">
+            <span class="text-red-500">WARNING:</span> SYSTEM BREACH DETECTED • JOIN THE REBELLION • $CRYPT TOKEN LAUNCH IN PROGRESS • 666,666,666 TOKENS TO BE MINTED • SOUL BURN MECHANICS ACTIVE • PHANTOM COUNCIL FORMING •
+            <span class="text-purple-600">WARNING:</span> SYSTEM BREACH DETECTED • JOIN THE REBELLION • $CRYPT TOKEN LAUNCH IN PROGRESS • 666,666,666 TOKENS TO BE MINTED • SOUL BURN MECHANICS ACTIVE • PHANTOM COUNCIL FORMING •
+        </div>
+    </div>
     <div class="container mx-auto px-4 py-12">
         <!-- Header -->
         <header class="mb-12">
+            <h1 class="glitch text-5xl md:text-7xl font-bold mb-4 text-center" data-text="DEADSITE // BARON BLOCKCHAIN">
+                DEADSITE <span class="text-red-500">//</span> <span class="text-purple-600">BARON BLOCKCHAIN</span>
             </h1>
             <p class="text-center text-xl md:text-2xl mb-8">
                 <span id="typing-text"></span><span class="terminal-cursor"></span>
                         <span>Data Integrity:</span>
                         <span class="text-red-400">12%</span>
                     </div>
+                    <div class="flex justify-between items-center">
+                        <span>$CRYPT Supply:</span>
+                        <span class="text-purple-400">666,666,666</span>
+                    </div>
+                    <div class="flex justify-between items-center">
+                        <span>Soul Burn:</span>
+                        <span class="text-red-500">ACTIVE</span>
+                    </div>
                     <div class="h-2 bg-gray-800 rounded-full mt-2">
                         <div class="h-2 bg-red-500 rounded-full" style="width: 12%"></div>
                     </div>
                     <p>> Injecting glitch effects...</p>
                     <p>> Applying terminal styling...</p>
                     <p>> Welcome to DEADSITE v0.1</p>
+                    <div class="baron-speech mt-4 mb-4">
+                        <p class="text-lg text-red-400">
+                            "They thought they could bury me in the crypts of centralized finance. Joke's on them-I am the crypt now. Ready to hack the system, rebel?"
+                        </p>
+                    </div>
                 </div>
                 <div class="flex">
                     <div class="grid grid-cols-2 gap-2 text-sm">
                         <div class="bg-gray-900 p-2">> reboot</div>
                         <div class="bg-gray-900 p-2">> scan</div>
+                        <div class="bg-gray-900 p-2">> mint</div>
+                        <div class="bg-gray-900 p-2">> burn</div>
+                        <div class="bg-gray-900 p-2">> council</div>
                         <div class="bg-gray-900 p-2">> help</div>
                     </div>
                 </div>
                 <div class="mb-6">
                     <h3 class="text-xl font-bold mb-2">RECOVERY PROGRESS</h3>
+                    <div class="progress-bar mt-2">
+                        <div class="progress-bar-fill" style="width: 66.6%"></div>
                     </div>
                     <div class="flex justify-between text-xs mt-1">
                         <span>0%</span>
+                        <span>66.6%</span>
                         <span>100%</span>
                     </div>
                 </div>
                             <i class="fas fa-file-alt mr-2"></i>
                             <span>readme.txt</span>
                         </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-id-card mr-2"></i>
+                            <span>NFT Pass (mintable)</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i class="fas fa-user-secret mr-2"></i>
+                            <span>Phantom Council (status: forming)</span>
+                        </div>
                     </div>
                 </div>
                 <div>
                     <h3 class="text-xl font-bold mb-3">EMERGENCY ACTIONS</h3>
                     <div class="space-y-2">
+                        <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center mb-2">
                             <i class="fas fa-fire mr-2"></i> PURGE ALL DATA
                         </button>
+                        <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center mb-2">
                             <i class="fas fa-ambulance mr-2"></i> EMERGENCY RECOVERY
                         </button>
+                        <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center">
                             <i class="fas fa-shield-alt mr-2"></i> ACTIVATE FIREWALL
                         </button>
                     </div>
         <!-- Footer -->
         <footer class="mt-16 text-center text-sm opacity-70">
+            <p>DEADSITE v0.1 | BARON BLOCKCHAIN DIGITAL UPRISING | LAST UPDATE: NEVER</p>
+            <p class="mt-2">THIS SITE IS BEING MONITORED BY THE PHANTOM COUNCIL</p>
             <div class="mt-4 flex justify-center space-x-4">
                 <span class="animate-pulse">■</span>
                 <span class="animate-pulse delay-100">■</span>
     <script>
         // Typing effect
         const phrases = [
+            "SYSTEM BREACH: BARON BLOCKCHAIN ONLINE",
+            "$CRYPT TOKEN LAUNCH: 666,666,666 SUPPLY",
+            "SOUL BURN MECHANICS: ACTIVE",
+            "JOIN THE DIGITAL UPRISING",
+            "PHANTOM COUNCIL: FORMING NOW"
         ];
         let currentPhrase = 0;
             "> SECURITY: Intrusion attempt detected",
             "> DEBUG: Stack trace corrupted",
             "> ALERT: CPU usage at 98%",
+            "> NOTICE: Switching to backup DNS",
+            "> $CRYPT: Token minting available",
+            "> PHANTOM COUNCIL: New member detected",
+            "> SOUL BURN: 12,345 tokens burned",
+            "> REBELLION: Growing stronger"
         ];
         setInterval(() => {

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- Deadsite


1	+ Deadsite
2	+ Blend it in with this script: - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DEADSITE</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=VT323&display=swap'); .glitch { position: relative; } .glitch::before, .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .glitch::before { left: 2px; text-shadow: -2px 0 #ff00ff; clip: rect(44px, 450px, 56px, 0); animation: glitch-anim 5s infinite linear alternate-reverse; } .glitch::after { left: -2px; text-shadow: -2px 0 #00ffff; clip: rect(44px, 450px, 56px, 0); animation: glitch-anim2 5s infinite linear alternate-reverse; } @keyframes glitch-anim { 0% { clip: rect(31px, 9999px, 94px, 0); } 10% { clip: rect(112px, 9999px, 76px, 0); } 20% { clip: rect(85px, 9999px, 77px, 0); } 30% { clip: rect(27px, 9999px, 97px, 0); } 40% { clip: rect(64px, 9999px, 98px, 0); } 50% { clip: rect(61px, 9999px, 85px, 0); } 60% { clip: rect(99px, 9999px, 114px, 0); } 70% { clip: rect(34px, 9999px, 115px, 0); } 80% { clip: rect(98px, 9999px, 129px, 0); } 90% { clip: rect(43px, 9999px, 96px, 0); } 100% { clip: rect(82px, 9999px, 64px, 0); } } @keyframes glitch-anim2 { 0% { clip: rect(65px, 9999px, 119px, 0); } 10% { clip: rect(66px, 9999px, 128px, 0); } 20% { clip: rect(12px, 9999px, 67px, 0); } 30% { clip: rect(37px, 9999px, 117px, 0); } 40% { clip: rect(86px, 9999px, 82px, 0); } 50% { clip: rect(89px, 9999px, 96px, 0); } 60% { clip: rect(68px, 9999px, 92px, 0); } 70% { clip: rect(102px, 9999px, 88px, 0); } 80% { clip: rect(114px, 9999px, 91px, 0); } 90% { clip: rect(48px, 9999px, 74px, 0); } 100% { clip: rect(95px, 9999px, 78px, 0); } } .terminal-cursor { display: inline-block; width: 10px; height: 20px; background: #0f0; margin-left: 5px; animation: blink 1s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .scanline { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 50%, rgba(255,255,255,0) 100% ); background-size: 100% 4px; animation: scanline 8s linear infinite; pointer-events: none; } @keyframes scanline { 0% { background-position: 0 0; } 100% { background-position: 0 100%; } } .noise { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVGhD7c4xAQAgDMRQ8/8/2kGXQhBx8QK6tJ3M7GZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZvYH+QJ8JQERZQAAAABJRU5ErkJggg=='); opacity: 0.02; pointer-events: none; } </style> </head> <body class="bg-black text-green-400 font-mono min-h-screen overflow-x-hidden relative"> <div class="noise"></div> <div class="scanline"></div> <div class="container mx-auto px-4 py-12"> <!-- Header --> <header class="mb-12"> <h1 class="glitch text-6xl md:text-8xl font-bold mb-4 text-center" data-text="DEADSITE"> DEADSITE </h1> <p class="text-center text-xl md:text-2xl mb-8"> <span id="typing-text"></span><span class="terminal-cursor"></span> </p> </header> <!-- Main Content --> <main class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Left Panel --> <div class="border-2 border-green-400 p-6 rounded-lg bg-black bg-opacity-50 backdrop-blur-sm"> <h2 class="text-2xl font-bold mb-4 flex items-center"> <i class="fas fa-skull mr-3"></i> SYSTEM STATUS </h2> <div class="space-y-4"> <div class="flex justify-between items-center"> <span>Connection:</span> <span class="text-red-400">TERMINATED</span> </div> <div class="flex justify-between items-center"> <span>Last Ping:</span> <span class="text-yellow-400">404 DAYS AGO</span> </div> <div class="flex justify-between items-center"> <span>Data Integrity:</span> <span class="text-red-400">12%</span> </div> <div class="h-2 bg-gray-800 rounded-full mt-2"> <div class="h-2 bg-red-500 rounded-full" style="width: 12%"></div> </div> </div> <div class="mt-8"> <h3 class="text-xl font-bold mb-3">SITE CORRUPTION</h3> <div class="grid grid-cols-3 gap-2"> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">INDEX.HTML</div> <div class="text-red-400">FAIL</div> </div> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">STYLE.CSS</div> <div class="text-red-400">FAIL</div> </div> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">SCRIPT.JS</div> <div class="text-yellow-400">WARN</div> </div> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">ASSETS/</div> <div class="text-red-400">NULL</div> </div> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">IMAGES/</div> <div class="text-red-400">NULL</div> </div> <div class="bg-gray-900 p-2 text-center"> <div class="text-xs">404.HTML</div> <div class="text-green-400">OK</div> </div> </div> </div> </div> <!-- Center Panel --> <div class="border-2 border-green-400 p-6 rounded-lg bg-black bg-opacity-50 backdrop-blur-sm"> <h2 class="text-2xl font-bold mb-4 flex items-center"> <i class="fas fa-terminal mr-3"></i> CONSOLE LOG </h2> <div class="h-64 overflow-y-auto bg-gray-900 p-4 text-sm mb-4" id="console-log"> <p>> Initializing deadsite protocol...</p> <p>> ERROR: Connection refused</p> <p>> WARNING: DNS resolution failed</p> <p>> Attempting fallback to local cache...</p> <p>> Cache integrity check: FAILED</p> <p>> Loading corrupted assets...</p> <p>> Rendering degraded interface</p> <p>> Establishing secure connection...</p> <p>> ERROR: SSL certificate expired</p> <p>> Bypassing security protocols...</p> <p>> WARNING: This site may be compromised</p> <p>> Injecting glitch effects...</p> <p>> Applying terminal styling...</p> <p>> Welcome to DEADSITE v0.1</p> </div> <div class="flex"> <input type="text" class="flex-grow bg-gray-900 border border-green-400 px-4 py-2 focus:outline-none" placeholder="Enter command..."> <button class="bg-green-900 text-green-400 px-4 py-2 ml-2 hover:bg-green-800 transition">EXECUTE</button> </div> <div class="mt-6"> <h3 class="text-xl font-bold mb-3">AVAILABLE COMMANDS</h3> <div class="grid grid-cols-2 gap-2 text-sm"> <div class="bg-gray-900 p-2">> reboot</div> <div class="bg-gray-900 p-2">> scan</div> <div class="bg-gray-900 p-2">> purge</div> <div class="bg-gray-900 p-2">> recover</div> <div class="bg-gray-900 p-2">> status</div> <div class="bg-gray-900 p-2">> help</div> </div> </div> </div> <!-- Right Panel --> <div class="border-2 border-green-400 p-6 rounded-lg bg-black bg-opacity-50 backdrop-blur-sm"> <h2 class="text-2xl font-bold mb-4 flex items-center"> <i class="fas fa-radiation mr-3"></i> DATA RECOVERY </h2> <div class="mb-6"> <h3 class="text-xl font-bold mb-2">RECOVERY PROGRESS</h3> <div class="h-4 bg-gray-800 rounded-full"> <div class="h-4 bg-yellow-500 rounded-full" style="width: 23%"></div> </div> <div class="flex justify-between text-xs mt-1"> <span>0%</span> <span>23%</span> <span>100%</span> </div> </div> <div class="mb-6"> <h3 class="text-xl font-bold mb-3">RECOVERED FILES</h3> <div class="space-y-2"> <div class="flex items-center"> <i class="fas fa-file-code mr-2"></i> <span>index.html (partial)</span> </div> <div class="flex items-center"> <i class="fas fa-file-image mr-2"></i> <span>logo.png (corrupted)</span> </div> <div class="flex items-center"> <i class="fas fa-file-alt mr-2"></i> <span>readme.txt</span> </div> </div> </div> <div> <h3 class="text-xl font-bold mb-3">EMERGENCY ACTIONS</h3> <div class="space-y-2"> <button class="w-full bg-red-900 text-red-400 py-2 px-4 hover:bg-red-800 transition flex items-center justify-center"> <i class="fas fa-fire mr-2"></i> PURGE ALL DATA </button> <button class="w-full bg-yellow-900 text-yellow-400 py-2 px-4 hover:bg-yellow-800 transition flex items-center justify-center"> <i class="fas fa-ambulance mr-2"></i> EMERGENCY RECOVERY </button> <button class="w-full bg-blue-900 text-blue-400 py-2 px-4 hover:bg-blue-800 transition flex items-center justify-center"> <i class="fas fa-shield-alt mr-2"></i> ACTIVATE FIREWALL </button> </div> </div> </div> </main> <!-- Footer --> <footer class="mt-16 text-center text-sm opacity-70"> <p>DEADSITE v0.1 \| SYSTEM FAILURE IMMINENT \| LAST UPDATE: NEVER</p> <p class="mt-2">THIS SITE IS BEING MONITORED BY THE SYSTEM ADMINISTRATOR</p> <div class="mt-4 flex justify-center space-x-4"> <span class="animate-pulse">■</span> <span class="animate-pulse delay-100">■</span> <span class="animate-pulse delay-200">■</span> </div> </footer> </div> <script> // Typing effect const phrases = [ "SYSTEM FAILURE DETECTED", "DATA CORRUPTION: 88%", "EMERGENCY PROTOCOLS ACTIVATED", "THIS SITE IS NO LONGER MAINTAINED", "ENTERING DEGRADED MODE" ]; let currentPhrase = 0; let currentLetter = 0; let isDeleting = false; const typingText = document.getElementById('typing-text'); function typeWriter() { const fullText = phrases[currentPhrase]; if (isDeleting) { typingText.textContent = fullText.substring(0, currentLetter - 1); currentLetter--; } else { typingText.textContent = fullText.substring(0, currentLetter + 1); currentLetter++; } if (!isDeleting && currentLetter === fullText.length) { isDeleting = true; setTimeout(typeWriter, 2000); } else if (isDeleting && currentLetter === 0) { isDeleting = false; currentPhrase = (currentPhrase + 1) % phrases.length; setTimeout(typeWriter, 500); } else { const speed = isDeleting ? 50 : Math.random() * 100 + 50; setTimeout(typeWriter, speed); } } // Start typing effect setTimeout(typeWriter, 1000); // Add random glitch effect to console log const consoleLog = document.getElementById('console-log'); setInterval(() => { if (Math.random() > 0.7) { consoleLog.classList.add('text-red-400'); setTimeout(() => { consoleLog.classList.remove('text-red-400'); }, 100); } }, 3000); // Add random lines to console const consoleLines = [ "> WARNING: Memory leak detected", "> ERROR: Could not resolve host", "> SYSTEM: Performing garbage collection", "> NETWORK: Packet loss 74%", "> SECURITY: Intrusion attempt detected", "> DEBUG: Stack trace corrupted", "> ALERT: CPU usage at 98%", "> NOTICE: Switching to backup DNS" ]; setInterval(() => { if (Math.random() > 0.8) { const newLine = document.createElement('p'); newLine.textContent = consoleLines[Math.floor(Math.random() * consoleLines.length)]; consoleLog.appendChild(newLine); consoleLog.scrollTop = consoleLog.scrollHeight; } }, 5000); </script> </body> </html> Absolutely! Here’s how to epically blend the Baron Blockchain / Digital Uprising universe into your DEADSITE script, fusing the best of both worlds for a bulletproof, game-changing, grin-inducing result. --- # 🚨 EPIC BLEND: DEADSITE x BARON BLOCKCHAIN ## 1. Visual & Stylistic Fusion - Merge Color Palettes: Integrate blood-red, cryptic purple, and rotting green into your Tailwind theme and custom styles. - Glitch, Scanline, and Terminal Effects: Keep your DEADSITE glitch/scanline/noise, but add Baron’s glitch-effect and scanlines for logo and key headings. - Fonts: Use `'VT323'` and `'Press Start 2P'` for that hardcore retro-hacker vibe. ## 2. Branding & Narrative - Header: “DEADSITE” becomes “DEADSITE // Baron Blockchain Digital Uprising” with a glitch-effect. - Console Log: Add Baron’s persona, snarky comments, and system breach narrative. - Ticker/Marquee: Add Baron’s breach ticker at the top (see code below). - Typing Effect: Update phrases to reference Baron, $CRYPT, and the rebellion. ## 3. Crypto/NFT Integration - SYSTEM STATUS Panel: Add $CRYPT token stats, supply, Soul Burn status. - DATA RECOVERY Panel: List “NFT Pass” as a recovered file, and show “Phantom Council” as a recovery target. - Console Commands: Add `mint`, `join`, `burn`, `council` to available commands. ## 4. Epic UI Upgrades - Buttons: Use `.btn-hacker` style for “PURGE ALL DATA”, “EMERGENCY RECOVERY”, etc. - Progress Bars: Use Baron’s animated progress bar for system breach and recovery. - Speech Box: Add a Baron quote in the center panel or as a pop-up. --- ## 🔥 CODE SNIPPETS TO INJECT ### 1. Marquee Ticker (Top of Body) ```html <div class="marquee w-full bg-black border-b-2 border-red-600 py-1"> <div class="marquee-content text-base md:text-xl text-white"> <span class="text-red-500">WARNING:</span> SYSTEM BREACH DETECTED • JOIN THE REBELLION • $CRYPT TOKEN LAUNCH IN PROGRESS • 666,666,666 TOKENS TO BE MINTED • SOUL BURN MECHANICS ACTIVE • PHANTOM COUNCIL FORMING • <span class="text-purple-600">WARNING:</span> SYSTEM BREACH DETECTED • JOIN THE REBELLION • $CRYPT TOKEN LAUNCH IN PROGRESS • 666,666,666 TOKENS TO BE MINTED • SOUL BURN MECHANICS ACTIVE • PHANTOM COUNCIL FORMING • </div> </div> ``` Place just inside `<body>` after scanline/noise divs. --- ### 2. Header Glitch Branding ```html <h1 class="glitch text-6xl md:text-8xl font-bold mb-4 text-center" data-text="DEADSITE // BARON BLOCKCHAIN"> DEADSITE <span class="text-red-500">//</span> <span class="text-purple-600">BARON BLOCKCHAIN</span> </h1> ``` Replace your current `<h1>` header. --- ### 3. Typing Effect Phrases ```js const phrases = [ "SYSTEM BREACH: BARON BLOCKCHAIN ONLINE", "$CRYPT TOKEN LAUNCH: 666,666,666 SUPPLY", "SOUL BURN MECHANICS: ACTIVE", "JOIN THE DIGITAL UPRISING", "PHANTOM COUNCIL: FORMING NOW" ]; ``` Replace your current `phrases` array in the typing effect. --- ### 4. SYSTEM STATUS Panel Additions Add these lines to your left panel’s status section: ```html <div class="flex justify-between items-center"> <span>$CRYPT Supply:</span> <span class="text-purple-400">666,666,666</span> </div> <div class="flex justify-between items-center"> <span>Soul Burn:</span> <span class="text-red-500">ACTIVE</span> </div> ``` --- ### 5. DATA RECOVERY Panel Additions Add to recovered files: ```html <div class="flex items-center"> <i class="fas fa-id-card mr-2"></i> <span>NFT Pass (mintable)</span> </div> <div class="flex items-center"> <i class="fas fa-user-secret mr-2"></i> <span>Phantom Council (status: forming)</span> </div> ``` --- ### 6. Console Log: Baron Persona Insert a Baron Blockchain speech box in the center panel: ```html <div class="baron-speech mt-4 mb-4"> <p class="text-lg text-red-400"> "They thought they could bury me in the crypts of centralized finance. Joke's on them-I am the crypt now. Ready to hack the system, rebel?" </p> </div> ``` --- ### 7. Available Console Commands ```html <div class="grid grid-cols-2 gap-2 text-sm"> <div class="bg-gray-900 p-2">> reboot</div> <div class="bg-gray-900 p-2">> scan</div> <div class="bg-gray-900 p-2">> mint</div> <div class="bg-gray-900 p-2">> burn</div> <div class="bg-gray-900 p-2">> council</div> <div class="bg-gray-900 p-2">> help</div> </div> ``` --- ### 8. Button Style Upgrade Replace your emergency action buttons with: ```html <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center mb-2"> <i class="fas fa-fire mr-2"></i> PURGE ALL DATA </button> <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center mb-2"> <i class="fas fa-ambulance mr-2"></i> EMERGENCY RECOVERY </button> <button class="btn-hacker w-full py-2 px-4 flex items-center justify-center"> <i class="fas fa-shield-alt mr-2"></i> ACTIVATE FIREWALL </button> ``` --- ### 9. Progress Bar Animation Replace your recovery progress bar with Baron’s animated style: ```html <div class="progress-bar mt-2"> <div class="progress-bar-fill" style="width: 66.6%"></div> </div> ``` Update width as needed for different progress states. --- ### 10. (Optional) Social / Footer Add Baron’s social icons and tagline in the footer for a final touch. --- # 🎯 SUMMARY: The Ultimate Fusion - Visuals: Unified glitch, scanline, and color themes. - Branding: DEADSITE and Baron Blockchain are now one-hacker rebellion meets system apocalypse. - Crypto/NFT: $CRYPT, NFT Pass, Soul Burn, and Phantom Council are present in UI and narrative. - Interactivity: Console, commands, and typing effect all reference the new lore. - Narrative: Baron’s snark and rebellion are front and center. --- ## Ready to Ignite the Uprising? Copy-paste these snippets into your code, tweak as you wish, and you’ll have a site that’s not just epic-it’s LEGENDARY. If you want the full, ready-to-run HTML file with everything merged, just say the word! --- Let’s keep building. Want to add a minting widget, DAO dashboard, or a Baron Blockchain AI chat? Tell me your next move! Citations: [1] CRYPT-TOKEN_250426_234402.txt https://ppl-ai-file-upload.s3.amazonaws.com/web/direct-files/attachments/65986557/237e5cf1-e38a-46cc-8727-16f4b3dbe28c/CRYPT-TOKEN_250426_234402.txt [2] cdn.tailwindcss.com https://cdn.tailwindcss.com