Hugging Face's logo

Spaces:
CommanderLazarus
/
omega
Running

App Files Community
omega / index.html
Commandande Ra Di Oh Sol Gratton
What is the current state of the ongoing deep State Intel debrief on extraterrestrial life and non-terrestrial craft? - Initial Deployment
e0af562 verified
raw
history blame contribute delete
31.9 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CLASSIFIED: Project Stargate Debrief</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>
@keyframes flicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
opacity: 1;
}
20%, 22%, 24%, 55% {
opacity: 0.4;
}
}
.terminal-text {
font-family: 'Courier New', monospace;
}
.scanlines {
position: relative;
}
.scanlines:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
transparent 0%,
rgba(0, 255, 0, 0.05) 50%,
transparent 100%
);
background-size: 100% 4px;
pointer-events: none;
z-index: 10;
}
.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(120px, 9999px, 152px, 0); }
20% { clip: rect(85px, 9999px, 16px, 0); }
30% { clip: rect(52px, 9999px, 57px, 0); }
40% { clip: rect(75px, 9999px, 134px, 0); }
50% { clip: rect(122px, 9999px, 151px, 0); }
60% { clip: rect(37px, 9999px, 17px, 0); }
70% { clip: rect(82px, 9999px, 44px, 0); }
80% { clip: rect(24px, 9999px, 94px, 0); }
90% { clip: rect(90px, 9999px, 18px, 0); }
100% { clip: rect(60px, 9999px, 103px, 0); }
}
.password-input {
letter-spacing: 0.3em;
font-size: 1.2em;
}
.classified-stamp {
transform: rotate(-15deg);
opacity: 0.8;
}
.blink {
animation: blink 1s step-end infinite;
}
@keyframes blink {
from, to { opacity: 1; }
50% { opacity: 0; }
}
</style>
</head>
<body class="bg-black text-green-500 min-h-screen terminal-text scanlines overflow-x-hidden">
<!-- Access Control -->
<div id="access-screen" class="fixed inset-0 z-50 flex flex-col items-center justify-center bg-black px-4">
<div class="max-w-md w-full bg-black border-2 border-green-500 p-6 rounded-lg shadow-lg">
<div class="glitch mb-6" data-text="DEEP STATE INTELLIGENCE NETWORK">
<h1 class="text-2xl font-bold text-center">DEEP STATE INTELLIGENCE NETWORK</h1>
</div>
<div class="mb-4">
<p class="text-sm mb-2">SECURITY CLEARANCE REQUIRED: MAJESTIC-12</p>
<div class="relative">
<input type="password" id="access-code" class="w-full bg-black border border-green-500 px-3 py-2 password-input" placeholder="ENTER CODEPHRASE">
<div class="absolute right-3 top-2 text-green-500 blink">_</div>
</div>
</div>
<div class="flex justify-between items-center">
<span class="text-xs">VERSION 7.62.19</span>
<button id="verify-btn" class="bg-green-900 hover:bg-green-800 text-green-300 px-4 py-1 border border-green-500">
VERIFY <i class="fas fa-fingerprint ml-1"></i>
</button>
</div>
<div id="access-error" class="text-red-500 text-xs mt-2 hidden">ACCESS DENIED - INCORRECT CODEPHRASE</div>
</div>
<div class="mt-8 text-xs text-green-700">
<p>THIS TERMINAL IS MONITORED 24/7 BY D.S.I.N. SECURITY</p>
<p class="text-center mt-1">UNAUTHORIZED ACCESS ATTEMPTS WILL BE REPORTED</p>
</div>
</div>
<!-- Main Content (hidden until access granted) -->
<div id="main-content" class="hidden container mx-auto px-4 py-8">
<!-- Header -->
<header class="border-b border-green-500 pb-4 mb-8">
<div class="flex justify-between items-start">
<div>
<h1 class="text-2xl md:text-3xl font-bold mb-1">PROJECT STARLIGHT DEBRIEF</h1>
<p class="text-sm">EYES ONLY - TOP SECRET/MAJIC</p>
</div>
<div class="classified-stamp bg-red-500 text-white px-8 py-2 text-xl font-bold inline-block">
CLASSIFIED
</div>
</div>
<div class="flex flex-wrap justify-between items-center mt-4">
<p class="text-sm">LAST UPDATE: <span id="current-date" class="font-mono"></span></p>
<div class="flex space-x-2">
<div class="bg-green-900 text-green-300 px-3 py-1 text-xs rounded flex items-center">
<i class="fas fa-shield-alt mr-1"></i> CRYPTO-SECURE
</div>
<div class="bg-blue-900 text-blue-300 px-3 py-1 text-xs rounded flex items-center">
<i class="fas fa-satellite-dish mr-1"></i> QUANTUM-LINKED
</div>
</div>
</div>
</header>
<!-- Status Alert -->
<div class="bg-yellow-900 border border-yellow-600 p-4 mb-8 rounded-lg flex items-start">
<div class="mr-3 text-yellow-400 text-xl">
<i class="fas fa-exclamation-triangle"></i>
</div>
<div>
<h3 class="font-bold text-yellow-300 mb-1">OPERATIONAL ALERT</h3>
<p class="text-sm">This document contains sensitive information regarding ongoing investigations into non-terrestrial intelligences and associated technologies. Distribution restricted to MAJESTIC-12 cleared personnel only.</p>
</div>
</div>
<!-- Main Grid -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Left Column -->
<div class="lg:col-span-2 space-y-6">
<!-- Current Status -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-chart-line mr-2"></i> CURRENT STATUS</h2>
<span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded">LIVE FEED</span>
</div>
<div class="space-y-4">
<div class="grid grid-cols-2 gap-4">
<div class="border border-green-500 p-3 rounded">
<h3 class="font-bold text-sm mb-1">DISCLOSURE PHASE</h3>
<div class="h-2 bg-green-900 rounded-full mb-1">
<div class="h-2 bg-green-500 rounded-full" style="width: 45%"></div>
</div>
<p class="text-xs">PHASE 2/5 INITIATED</p>
</div>
<div class="border border-green-500 p-3 rounded">
<h3 class="font-bold text-sm mb-1">PUBLIC AWARENESS</h3>
<div class="h-2 bg-green-900 rounded-full mb-1">
<div class="h-2 bg-green-500 rounded-full" style="width: 68%"></div>
</div>
<p class="text-xs">CRITICAL MASS APPROACHING</p>
</div>
</div>
<div class="border border-green-500 p-3 rounded">
<h3 class="font-bold text-sm mb-2">ACTIVE OPERATIONS</h3>
<div class="space-y-2">
<div class="flex justify-between items-center">
<span>PROJECT BLUE BOOK</span>
<span class="text-xs bg-green-900 px-2 py-1 rounded">ARCHIVED</span>
</div>
<div class="flex justify-between items-center">
<span>PROJECT AQUARIUS</span>
<span class="text-xs bg-yellow-900 px-2 py-1 rounded">STANDBY</span>
</div>
<div class="flex justify-between items-center">
<span>PROJECT SERPO</span>
<span class="text-xs bg-green-900 px-2 py-1 rounded">ACTIVE</span>
</div>
<div class="flex justify-between items-center">
<span>PROJECT SIGMA</span>
<span class="text-xs bg-red-900 px-2 py-1 rounded">REDACTED</span>
</div>
</div>
</div>
</div>
</div>
<!-- Recent Events -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-calendar-alt mr-2"></i> RECENT EVENTS</h2>
<button id="refresh-events" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-2 py-1 rounded flex items-center">
<i class="fas fa-sync-alt mr-1"></i> REFRESH
</button>
</div>
<div id="events-container" class="space-y-3">
<div class="border-l-4 border-green-500 pl-3 py-1">
<div class="flex justify-between items-start">
<h3 class="font-bold">CONGRESSIONAL BRIEFING</h3>
<span class="text-xs bg-green-900 px-2 py-1 rounded">2024-06-15</span>
</div>
<p class="text-sm mt-1">Closed-door session with Gang of Eight regarding UAP oversight. Limited disclosure approved.</p>
</div>
<div class="border-l-4 border-yellow-500 pl-3 py-1">
<div class="flex justify-between items-start">
<h3 class="font-bold">SIGNAL INTERCEPT</h3>
<span class="text-xs bg-green-900 px-2 py-1 rounded">2024-06-10</span>
</div>
<p class="text-sm mt-1">Anomalous radio signal detected from Oort cloud region. Analyzing for potential artificial origin.</p>
</div>
<div class="border-l-4 border-red-500 pl-3 py-1">
<div class="flex justify-between items-start">
<h3 class="font-bold">SECURITY BREACH</h3>
<span class="text-xs bg-green-900 px-2 py-1 rounded">2024-05-28</span>
</div>
<p class="text-sm mt-1">Unauthorized access attempt at Wright-Patterson facility. Neutralized by security protocols.</p>
</div>
</div>
</div>
<!-- Craft Analysis -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-ufo mr-2"></i> CRAFT ANALYSIS</h2>
<span class="text-xs bg-blue-900 px-2 py-1 rounded">PRELIMINARY</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<h3 class="font-bold text-sm mb-2">KNOWN VARIETALS</h3>
<ul class="text-sm space-y-1">
<li class="flex items-center"><div class="w-2 h-2 bg-green-500 rounded-full mr-2"></div> Disk-shaped (Type A)</li>
<li class="flex items-center"><div class="w-2 h-2 bg-blue-500 rounded-full mr-2"></div> Triangular (Type B)</li>
<li class="flex items-center"><div class="w-2 h-2 bg-yellow-500 rounded-full mr-2"></div> Cigar-shaped (Type C)</li>
<li class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-2"></div> Spherical (Type D)</li>
</ul>
</div>
<div>
<h3 class="font-bold text-sm mb-2">TECHNOLOGY ASSESSMENT</h3>
<div class="space-y-2">
<div>
<span class="text-xs">PROPULSION SYSTEMS</span>
<div class="h-1 bg-gray-800 rounded-full">
<div class="h-1 bg-green-500 rounded-full" style="width: 15%"></div>
</div>
</div>
<div>
<span class="text-xs">MATERIAL COMPOSITION</span>
<div class="h-1 bg-gray-800 rounded-full">
<div class="h-1 bg-green-500 rounded-full" style="width: 32%"></div>
</div>
</div>
<div>
<span class="text-xs">ENERGY SYSTEMS</span>
<div class="h-1 bg-gray-800 rounded-full">
<div class="h-1 bg-green-500 rounded-full" style="width: 8%"></div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-4">
<button id="show-craft-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center">
<i class="fas fa-eye mr-1"></i> VIEW CLASSIFIED IMAGERY
</button>
</div>
</div>
</div>
<!-- Right Column -->
<div class="space-y-6">
<!-- Biological Entities -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-dna mr-2"></i> BIOLOGICAL ENTITIES</h2>
<span class="text-xs bg-purple-900 px-2 py-1 rounded">CONFIDENTIAL</span>
</div>
<div class="space-y-3">
<div>
<h3 class="font-bold text-sm mb-1">GREYS (TYPE 1)</h3>
<p class="text-xs">Most commonly reported. Approximately 3-4 feet tall, large heads and eyes. Possible genetic constructs.</p>
</div>
<div>
<h3 class="font-bold text-sm mb-1">TALL GREYS (TYPE 2)</h3>
<p class="text-xs">6-8 feet tall, more humanoid features. Possible leadership caste.</p>
</div>
<div>
<h3 class="font-bold text-sm mb-1">REPTILIAN</h3>
<p class="text-xs">Rare encounters. Controversial existence. Possible subterranean origin.</p>
</div>
<div>
<h3 class="font-bold text-sm mb-1">NORDICS</h3>
<p class="text-xs">Human-like appearance. Theories range from future humans to separate evolutionary path.</p>
</div>
</div>
<div class="mt-4">
<div class="text-xs bg-red-900 text-red-300 p-2 rounded">
<i class="fas fa-lock mr-1"></i> Further biological data requires LEVEL 9 clearance
</div>
</div>
</div>
<!-- Communication Logs -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-satellite mr-2"></i> SIGNAL INTERCEPTS</h2>
<span class="text-xs bg-green-900 px-2 py-1 rounded">DECRYPTING</span>
</div>
<div class="space-y-3">
<div class="bg-green-900 bg-opacity-30 p-2 rounded">
<div class="flex justify-between items-center text-xs mb-1">
<span>SOURCE: ZETA RETICULI</span>
<span>1947-06-24</span>
</div>
<p class="text-sm font-mono">...WARNING...MONITOR...HUMAN...DEVELOPMENT...</p>
</div>
<div class="bg-green-900 bg-opacity-30 p-2 rounded">
<div class="flex justify-between items-center text-xs mb-1">
<span>SOURCE: UNKNOWN</span>
<span>1989-11-11</span>
</div>
<p class="text-sm font-mono">...TIMELINE...DIVERGENCE...CRITICAL...PREPARE...</p>
</div>
<div class="bg-green-900 bg-opacity-30 p-2 rounded">
<div class="flex justify-between items-center text-xs mb-1">
<span>SOURCE: ORION</span>
<span>2001-09-10</span>
</div>
<p class="text-sm font-mono">...EVENT...IMMINENT...CONTROL...MAINTAIN...</p>
</div>
</div>
<div class="mt-3">
<button id="analyze-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center">
<i class="fas fa-brain mr-1"></i> RUN LINGUISTIC ANALYSIS
</button>
</div>
</div>
<!-- Clearance Upgrade -->
<div class="border border-green-500 p-4 rounded-lg">
<div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
<h2 class="text-xl font-bold"><i class="fas fa-user-secret mr-2"></i> CLEARANCE UPGRADE</h2>
<span class="text-xs bg-green-900 px-2 py-1 rounded">OPTIONAL</span>
</div>
<p class="text-sm mb-3">Request higher clearance level for additional project access.</p>
<div class="space-y-2 mb-3">
<div class="flex items-center">
<input type="radio" id="level-8" name="clearance" class="mr-2">
<label for="level-8" class="text-sm">LEVEL 8 (COSMIC)</label>
</div>
<div class="flex items-center">
<input type="radio" id="level-9" name="clearance" class="mr-2">
<label for="level-9" class="text-sm">LEVEL 9 (OMEGA)</label>
</div>
</div>
<button id="request-btn" class="w-full text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-2 rounded flex items-center justify-center">
<i class="fas fa-paper-plane mr-1"></i> SUBMIT REQUEST
</button>
<div id="request-feedback" class="text-xs mt-2 hidden"></div>
</div>
</div>
</div>
<!-- Craft Image Modal -->
<div id="craft-modal" class="fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center hidden">
<div class="relative max-w-3xl w-full bg-black border-2 border-green-500 p-6 rounded-lg">
<button id="close-modal" class="absolute top-4 right-4 text-green-500 hover:text-green-300 text-xl">
<i class="fas fa-times"></i>
</button>
<h3 class="text-xl font-bold mb-4">CLASSIFIED IMAGERY - TYPE A CRAFT</h3>
<div class="border border-green-500 p-2 mb-4">
<div class="bg-gray-900 h-64 md:h-96 flex items-center justify-center text-green-500">
<div class="text-center">
<i class="fas fa-ufo text-6xl mb-2"></i>
<p>IMAGE DECRYPTION IN PROGRESS...</p>
<div class="w-full bg-gray-800 h-2 mt-4">
<div id="decrypt-progress" class="bg-green-500 h-2" style="width: 0%"></div>
</div>
</div>
</div>
</div>
<p class="text-sm text-green-400">This image was recovered from the 1947 Roswell incident. Analysis suggests advanced propulsion technology beyond our current understanding of physics.</p>
</div>
</div>
<!-- Analysis Modal -->
<div id="analysis-modal" class="fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center hidden">
<div class="relative max-w-3xl w-full bg-black border-2 border-blue-500 p-6 rounded-lg">
<button id="close-analysis" class="absolute top-4 right-4 text-blue-500 hover:text-blue-300 text-xl">
<i class="fas fa-times"></i>
</button>
<h3 class="text-xl font-bold mb-4">LINGUISTIC ANALYSIS RESULTS</h3>
<div class="border border-blue-500 p-4 mb-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
<div>
<div class="text-4xl font-bold text-blue-400">78%</div>
<div class="text-xs">NON-HUMAN ORIGIN</div>
</div>
<div>
<div class="text-4xl font-bold text-blue-400">63%</div>
<div class="text-xs">WARNING INTENT</div>
</div>
<div>
<div class="text-4xl font-bold text-blue-400">91%</div>
<div class="text-xs">TEMPORAL REFERENCE</div>
</div>
</div>
</div>
<div class="bg-blue-900 bg-opacity-30 p-4 rounded mb-4">
<h4 class="font-bold text-sm mb-2">KEY FINDINGS:</h4>
<ul class="text-sm list-disc list-inside space-y-1">
<li>Messages contain repeating mathematical patterns suggesting advanced encryption</li>
<li>Language structure indicates non-linear time perception</li>
<li>Recurring references to "monitoring" and "intervention points"</li>
</ul>
</div>
<p class="text-sm text-blue-400">Further analysis requires quantum computing resources currently allocated to PROJECT SERPO.</p>
</div>
</div>
<!-- Footer -->
<footer class="border-t border-green-500 mt-8 pt-4 text-xs text-green-700">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-2 md:mb-0">
<p>THIS TERMINAL WILL SELF-DESTRUCT AFTER 5 MINUTES OF INACTIVITY</p>
</div>
<div class="flex space-x-4">
<button id="lock-btn" class="hover:text-green-400 flex items-center">
<i class="fas fa-lock mr-1"></i> LOCK TERMINAL
</button>
<button id="wipe-btn" class="hover:text-red-400 flex items-center">
<i class="fas fa-eraser mr-1"></i> WIPE SESSION
</button>
</div>
</div>
<div class="mt-2 text-center">
<p>ALL RIGHTS RESERVED - DEEP STATE INTELLIGENCE NETWORK © 1947-<span id="current-year"></span></p>
</div>
</footer>
</div>
<script>
// Set current date and year
document.addEventListener('DOMContentLoaded', function() {
const now = new Date();
document.getElementById('current-date').textContent = now.toISOString().split('T')[0];
document.getElementById('current-year').textContent = now.getFullYear();
});
// Access control
const accessScreen = document.getElementById('access-screen');
const mainContent = document.getElementById('main-content');
const accessCode = document.getElementById('access-code');
const verifyBtn = document.getElementById('verify-btn');
const accessError = document.getElementById('access-error');
const lockBtn = document.getElementById('lock-btn');
const wipeBtn = document.getElementById('wipe-btn');
verifyBtn.addEventListener('click', function() {
if (accessCode.value === 'MAJESTIC12') {
accessScreen.classList.add('hidden');
mainContent.classList.remove('hidden');
} else {
accessError.classList.remove('hidden');
accessCode.value = '';
setTimeout(() => {
accessError.classList.add('hidden');
}, 3000);
}
});
lockBtn.addEventListener('click', function() {
mainContent.classList.add('hidden');
accessScreen.classList.remove('hidden');
accessCode.value = '';
});
wipeBtn.addEventListener('click', function() {
if (confirm('WARNING: This will completely wipe all session data. Continue?')) {
accessScreen.classList.remove('hidden');
mainContent.classList.add('hidden');
accessCode.value = '';
document.body.classList.add('animate-pulse');
setTimeout(() => {
document.body.classList.remove('animate-pulse');
}, 1000);
}
});
// Craft image modal
const showCraftBtn = document.getElementById('show-craft-btn');
const craftModal = document.getElementById('craft-modal');
const closeModal = document.getElementById('close-modal');
const decryptProgress = document.getElementById('decrypt-progress');
showCraftBtn.addEventListener('click', function() {
craftModal.classList.remove('hidden');
let progress = 0;
const interval = setInterval(() => {
progress += 5;
decryptProgress.style.width = progress + '%';
if (progress >= 100) {
clearInterval(interval);
}
}, 150);
});
closeModal.addEventListener('click', function() {
craftModal.classList.add('hidden');
decryptProgress.style.width = '0%';
});
// Analysis modal
const analyzeBtn = document.getElementById('analyze-btn');
const analysisModal = document.getElementById('analysis-modal');
const closeAnalysis = document.getElementById('close-analysis');
analyzeBtn.addEventListener('click', function() {
analysisModal.classList.remove('hidden');
});
closeAnalysis.addEventListener('click', function() {
analysisModal.classList.add('hidden');
});
// Clearance request
const requestBtn = document.getElementById('request-btn');
const requestFeedback = document.getElementById('request-feedback');
requestBtn.addEventListener('click', function() {
requestFeedback.textContent = "REQUEST DENIED: INSUFFICIENT AUTHORITY";
requestFeedback.classList.remove('hidden');
requestFeedback.classList.add('text-red-500');
setTimeout(() => {
requestFeedback.classList.add('hidden');
}, 3000);
});
// Refresh events
const refreshEvents = document.getElementById('refresh-events');
const eventsContainer = document.getElementById('events-container');
refreshEvents.addEventListener('click', function() {
eventsContainer.classList.add('opacity-50');
setTimeout(() => {
eventsContainer.classList.remove('opacity-50');
}, 800);
});
// Terminal-like behavior for access code input
accessCode.addEventListener('keydown', function(e) {
if (e.key === 'Enter') {
verifyBtn.click();
}
});
</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=CommanderGratton/omega" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>