Hugging Face's logo

Spaces:
Boobs00
/
deadsite
Running

App Files
deadsite / index.html
Boobs00's picture
Boobs00
Add 2 files
e5ce57f verified
raw
history blame
39 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DEADSITE // BARON BLOCKCHAIN</title>
<meta name="description" content="Join the digital uprising. Baron Blockchain's $CRYPT token and Phantom Council are forming. Burn the old system. Mint the future.">
<meta name="keywords" content="cryptocurrency, blockchain, rebellion, nft, token, crypto, baron, deadsite, phantom council">
<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);
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;
}
.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;
}
/* New styles for enhanced features */
.token-card {
background: rgba(0, 0, 0, 0.7);
border: 1px solid #00ffff;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.token-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #ff00ff, #00ffff);
}
.nft-card {
background: rgba(0, 0, 0, 0.7);
border: 1px solid #ff00ff;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.nft-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #00ffff, #ff00ff);
}
.countdown-box {
background: rgba(0, 0, 0, 0.7);
border: 1px solid #00ffff;
border-radius: 8px;
padding: 20px;
text-align: center;
margin: 20px 0;
}
.countdown-timer {
font-size: 2rem;
font-weight: bold;
color: #ff00ff;
margin: 10px 0;
}
.social-icon {
color: #00ffff;
font-size: 1.5rem;
margin: 0 10px;
transition: all 0.3s ease;
}
.social-icon:hover {
color: #ff00ff;
transform: scale(1.2);
}
.command-response {
color: #00ffff;
margin-left: 10px;
}
.command-error {
color: #ff5555;
margin-left: 10px;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
justify-content: center;
align-items: center;
}
.modal-content {
background-color: #111;
border: 2px solid #00ffff;
border-radius: 8px;
padding: 20px;
max-width: 80%;
max-height: 80%;
overflow-y: auto;
position: relative;
}
.close-modal {
position: absolute;
top: 10px;
right: 10px;
color: #ff00ff;
font-size: 1.5rem;
cursor: pointer;
}
.mint-button {
background: linear-gradient(45deg, #ff00ff, #00ffff);
color: black;
font-weight: bold;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.mint-button:hover {
background: linear-gradient(45deg, #00ffff, #ff00ff);
transform: translateY(-2px);
box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}
/* Responsive adjustments */
@media (max-width: 768px) {
.marquee-content {
font-size: 0.8rem;
}
h1 {
font-size: 2.5rem !important;
}
.countdown-timer {
font-size: 1.5rem;
}
}
</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>
</p>
<!-- Countdown Timer -->
<div class="countdown-box">
<h3 class="text-xl font-bold mb-2">TOKEN LAUNCH COUNTDOWN</h3>
<div class="countdown-timer" id="countdown">
LOADING...
</div>
<p class="text-sm">Join the digital uprising when the countdown ends</p>
</div>
</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="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>
</div>
<!-- Tokenomics Card -->
<div class="token-card mt-6">
<h3 class="text-xl font-bold mb-3 flex items-center">
<i class="fas fa-coins mr-2"></i> $CRYPT TOKENOMICS
</h3>
<div class="space-y-2">
<div class="flex justify-between">
<span>Total Supply:</span>
<span>666,666,666</span>
</div>
<div class="flex justify-between">
<span>Burned:</span>
<span>12,345 (1.85%)</span>
</div>
<div class="flex justify-between">
<span>Circulating:</span>
<span>654,321,321 (98.15%)</span>
</div>
<div class="flex justify-between">
<span>Market Cap:</span>
<span>$6,543,213.21</span>
</div>
</div>
<button class="mint-button w-full mt-4" onclick="openModal('token')">
VIEW TOKEN DETAILS
</button>
</div>
<div class="mt-4">
<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 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">
<input type="text" id="command-input" class="flex-grow bg-gray-900 border border-green-400 px-4 py-2 focus:outline-none" placeholder="Enter command..." onkeypress="handleCommand(event)">
<button class="bg-green-900 text-green-400 px-4 py-2 ml-2 hover:bg-green-800 transition" onclick="executeCommand()">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">> 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>
<!-- NFT Pass Card -->
<div class="nft-card mt-6">
<h3 class="text-xl font-bold mb-3 flex items-center">
<i class="fas fa-id-card mr-2"></i> REBEL NFT PASS
</h3>
<p class="mb-3">Gain access to the Phantom Council with this exclusive NFT pass.</p>
<div class="flex justify-between mb-3">
<span>Minted:</span>
<span>6,666/10,000</span>
</div>
<div class="flex justify-between mb-3">
<span>Price:</span>
<span>0.0666 ETH</span>
</div>
<button class="mint-button w-full" onclick="openModal('nft')">
MINT NFT PASS
</button>
</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="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>
<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 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" onclick="executeEmergencyAction('purge')">
<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" onclick="executeEmergencyAction('recovery')">
<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" onclick="executeEmergencyAction('firewall')">
<i class="fas fa-shield-alt mr-2"></i> ACTIVATE FIREWALL
</button>
</div>
</div>
<!-- Social Links -->
<div class="mt-8">
<h3 class="text-xl font-bold mb-3">JOIN THE UPRISING</h3>
<div class="flex justify-center space-x-4">
<a href="https://twitter.com" target="_blank" class="social-icon" aria-label="Twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="https://discord.com" target="_blank" class="social-icon" aria-label="Discord">
<i class="fab fa-discord"></i>
</a>
<a href="https://telegram.com" target="_blank" class="social-icon" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
<a href="https://medium.com" target="_blank" class="social-icon" aria-label="Medium">
<i class="fab fa-medium"></i>
</a>
</div>
</div>
</div>
</main>
<!-- 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>
<span class="animate-pulse delay-200">■</span>
</div>
</footer>
</div>
<!-- Token Modal -->
<div id="token-modal" class="modal">
<div class="modal-content">
<span class="close-modal" onclick="closeModal('token')">&times;</span>
<h2 class="text-2xl font-bold mb-4">$CRYPT TOKEN DETAILS</h2>
<div class="space-y-4">
<div>
<h3 class="text-xl font-bold mb-2">TOKENOMICS</h3>
<ul class="list-disc pl-5 space-y-2">
<li>Total Supply: 666,666,666 $CRYPT</li>
<li>Token Type: ERC-20</li>
<li>Contract Address: 0x666...666</li>
<li>Burn Mechanism: 1% of every transaction</li>
<li>Phantom Council Reserve: 6.66%</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-2">UTILITY</h3>
<ul class="list-disc pl-5 space-y-2">
<li>Governance voting rights</li>
<li>Access to exclusive Phantom Council channels</li>
<li>Discounts on future NFT mints</li>
<li>Staking rewards coming soon</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-2">HOW TO ACQUIRE</h3>
<ul class="list-disc pl-5 space-y-2">
<li>Public sale coming soon</li>
<li>Early access for NFT pass holders</li>
<li>Airdrops to active community members</li>
</ul>
</div>
</div>
</div>
</div>
<!-- NFT Modal -->
<div id="nft-modal" class="modal">
<div class="modal-content">
<span class="close-modal" onclick="closeModal('nft')">&times;</span>
<h2 class="text-2xl font-bold mb-4">REBEL NFT PASS</h2>
<div class="space-y-4">
<div>
<h3 class="text-xl font-bold mb-2">NFT DETAILS</h3>
<ul class="list-disc pl-5 space-y-2">
<li>Total Supply: 10,000</li>
<li>Token Type: ERC-721</li>
<li>Contract Address: 0x666...nft</li>
<li>Price: 0.0666 ETH</li>
<li>Minted: 6,666/10,000</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-2">BENEFITS</h3>
<ul class="list-disc pl-5 space-y-2">
<li>Early access to $CRYPT token</li>
<li>Exclusive Phantom Council Discord</li>
<li>Governance voting power</li>
<li>Future airdrops and rewards</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-2">MINTING</h3>
<p class="mb-4">Connect your wallet to mint your Rebel NFT Pass:</p>
<button class="mint-button w-full py-3" onclick="simulateMint()">
<i class="fas fa-wallet mr-2"></i> CONNECT WALLET & MINT
</button>
<p class="text-xs mt-2 text-gray-400">* This is a demo. No actual transaction will occur.</p>
</div>
</div>
</div>
</div>
<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;
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",
"> $CRYPT: Token minting available",
"> PHANTOM COUNCIL: New member detected",
"> SOUL BURN: 12,345 tokens burned",
"> REBELLION: Growing stronger"
];
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);
// Countdown timer
function updateCountdown() {
// Set the date we're counting down to (1 week from now)
const countDownDate = new Date();
countDownDate.setDate(countDownDate.getDate() + 7);
// Update the countdown every 1 second
const x = setInterval(function() {
// Get today's date and time
const now = new Date().getTime();
// Find the distance between now and the countdown date
const distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result
document.getElementById("countdown").innerHTML =
days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
// If the countdown is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "REBELLION HAS BEGUN";
}
}, 1000);
}
// Initialize countdown
updateCountdown();
// Command execution
function handleCommand(e) {
if (e.key === 'Enter') {
executeCommand();
}
}
function executeCommand() {
const commandInput = document.getElementById('command-input');
const command = commandInput.value.trim().toLowerCase();
commandInput.value = '';
if (!command) return;
// Add command to console
const commandLine = document.createElement('p');
commandLine.innerHTML = '> ' + command;
consoleLog.appendChild(commandLine);
// Process command
let response;
switch(command) {
case 'help':
response = 'Available commands: reboot, scan, mint, burn, council, help';
break;
case 'reboot':
response = 'Rebooting system... ERROR: Permission denied';
break;
case 'scan':
response = 'Scanning network... Found 666 vulnerable nodes';
break;
case 'mint':
response = 'Opening NFT minting interface...';
openModal('nft');
break;
case 'burn':
response = 'Initiating soul burn protocol... 12,345 tokens burned';
break;
case 'council':
response = 'Phantom Council status: 666 members, forming...';
break;
default:
response = 'ERROR: Unknown command. Type "help" for available commands';
}
// Add response to console
const responseLine = document.createElement('p');
if (response.startsWith('ERROR')) {
responseLine.className = 'command-error';
} else {
responseLine.className = 'command-response';
}
responseLine.textContent = response;
consoleLog.appendChild(responseLine);
// Scroll to bottom
consoleLog.scrollTop = consoleLog.scrollHeight;
}
// Emergency actions
function executeEmergencyAction(action) {
let message;
switch(action) {
case 'purge':
message = 'WARNING: Initiating data purge protocol. All non-essential data will be destroyed.';
break;
case 'recovery':
message = 'Initiating emergency recovery sequence. System may become unstable.';
break;
case 'firewall':
message = 'Activating quantum firewall. All unauthorized access attempts will be blocked.';
break;
default:
message = 'ERROR: Unknown emergency protocol';
}
// Add to console
const actionLine = document.createElement('p');
actionLine.className = 'text-yellow-400';
actionLine.textContent = '> ' + message;
consoleLog.appendChild(actionLine);
consoleLog.scrollTop = consoleLog.scrollHeight;
}
// Modal functions
function openModal(type) {
document.getElementById(`${type}-modal`).style.display = 'flex';
}
function closeModal(type) {
document.getElementById(`${type}-modal`).style.display = 'none';
}
// Simulate NFT minting
function simulateMint() {
const modalContent = document.querySelector('#nft-modal .modal-content');
// Show loading state
const mintButton = modalContent.querySelector('.mint-button');
const originalText = mintButton.innerHTML;
mintButton.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> PROCESSING...';
mintButton.disabled = true;
// Simulate transaction
setTimeout(() => {
// Show success message
const successDiv = document.createElement('div');
successDiv.className = 'mt-4 p-4 bg-green-900 text-green-400 rounded';
successDiv.innerHTML = `
<p class="font-bold">MINT SUCCESSFUL!</p>
<p class="text-sm">Your Rebel NFT Pass has been minted.</p>
<p class="text-xs mt-2">Transaction Hash: 0x666...${Math.random().toString(36).substring(2, 8)}</p>
`;
modalContent.insertBefore(successDiv, mintButton.parentNode.nextSibling);
// Reset button
mintButton.innerHTML = originalText;
mintButton.disabled = false;
// Add to console
const mintLine = document.createElement('p');
mintLine.className = 'text-green-400';
mintLine.textContent = '> NFT PASS MINTED: Welcome to the Phantom Council, rebel.';
consoleLog.appendChild(mintLine);
consoleLog.scrollTop = consoleLog.scrollHeight;
}, 3000);
}
</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=Boobs00/deadsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>