CommanderLazarus's picture
Initial DeepSite commit
16c7afd verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solar Warden Archives | Classified Terminal</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body class="bg-black overflow-hidden cursor-crosshair">
<!-- Scanline Overlay -->
<div class="scanlines fixed inset-0 pointer-events-none z-50 opacity-20"></div>
<!-- Desktop Background -->
<div class="fixed inset-0 bg-gradient-to-br from-slate-900 via-black to-slate-900 z-0">
<div class="stars absolute inset-0 opacity-30"></div>
</div>
<!-- Header -->
<header class="fixed top-0 left-0 right-0 h-12 bg-slate-950/90 border-b border-amber-500/30 z-40 flex items-center px-4 glass">
<div class="flex items-center gap-3">
<i data-lucide="shield-alert" class="w-6 h-6 text-amber-500 animate-pulse"></i>
<h1 class="text-amber-500 font-mono text-sm tracking-widest uppercase">Solar Warden Archives // SECRET//NOFORN</h1>
</div>
<div class="ml-auto flex items-center gap-4 text-xs font-mono text-amber-500/70">
<span id="clock">00:00:00</span>
<span class="flex items-center gap-1">
<span class="w-2 h-2 bg-green-500 rounded-full animate-pulse"></span>
SECURE CONNECTION
</span>
</div>
</header>
<!-- Desktop Area -->
<main id="desktop" class="fixed inset-0 pt-12 pb-12 z-10 overflow-hidden">
<!-- Window: Welcome/Overview -->
<div class="window absolute top-20 left-10 w-96 bg-slate-950/95 border border-amber-500/50 rounded-sm shadow-2xl shadow-amber-500/10"
style="z-index: 100;"
data-window="welcome">
<div class="window-header flex items-center justify-between px-3 py-2 bg-gradient-to-r from-amber-900/20 to-slate-900 border-b border-amber-500/30 cursor-move select-none">
<div class="flex items-center gap-2">
<i data-lucide="terminal" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono uppercase tracking-wider">overview.exe</span>
</div>
<div class="flex gap-1">
<button class="window-minimize w-3 h-3 rounded-full bg-amber-500/30 hover:bg-amber-500/50 transition-colors" onclick="minimizeWindow('welcome')"></button>
<button class="window-close w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500 transition-colors" onclick="closeWindow('welcome')"></button>
</div>
</div>
<div class="window-content p-4 h-80 overflow-y-auto custom-scrollbar">
<div class="mb-4">
<div class="text-amber-500 text-xs font-mono mb-2 opacity-70">CLASSIFICATION: TOP SECRET//SCI</div>
<h2 class="text-amber-400 text-lg font-bold font-mono mb-2 uppercase tracking-widest">The Secret Space Program</h2>
</div>
<div class="space-y-3 text-slate-300 text-sm font-mono leading-relaxed">
<p class="border-l-2 border-amber-500/30 pl-3">
According to whistleblowers and conspiracy researchers, <span class="text-amber-400 font-bold">Solar Warden</span> represents a highly classified space fleet operating since the 1980s, allegedly established under the Strategic Defense Initiative (SDI).
</p>
<p>
The program is purported to be part of a larger <span class="text-amber-400">Secret Space Program (SSP)</span> involving advanced propulsion technologies, off-world bases, and interactions with extraterrestrial intelligences.
</p>
<div class="bg-amber-500/10 border border-amber-500/20 p-3 my-3">
<p class="text-amber-500 text-xs uppercase mb-1">Status:</p>
<p class="text-xs">Active operations in near-Earth orbit and beyond. Estimated fleet size: 8 vessels.</p>
</div>
</div>
<img src="http://static.photos/technology/640x360/42" alt="Space Technology" class="w-full h-32 object-cover mt-4 border border-amber-500/20 opacity-80 grayscale hover:grayscale-0 transition-all duration-500">
</div>
</div>
<!-- Window: Solar Warden Details -->
<div class="window absolute top-32 right-20 w-[500px] bg-slate-950/95 border border-amber-500/50 rounded-sm shadow-2xl shadow-amber-500/10"
style="z-index: 90;"
data-window="solar-warden">
<div class="window-header flex items-center justify-between px-3 py-2 bg-gradient-to-r from-amber-900/20 to-slate-900 border-b border-amber-500/30 cursor-move select-none">
<div class="flex items-center gap-2">
<i data-lucide="rocket" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono uppercase tracking-wider">solar_warden.dat</span>
</div>
<div class="flex gap-1">
<button class="window-minimize w-3 h-3 rounded-full bg-amber-500/30 hover:bg-amber-500/50 transition-colors" onclick="minimizeWindow('solar-warden')"></button>
<button class="window-close w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500 transition-colors" onclick="closeWindow('solar-warden')"></button>
</div>
</div>
<div class="window-content p-4 h-[450px] overflow-y-auto custom-scrollbar">
<div class="mb-4 pb-2 border-b border-amber-500/20">
<h3 class="text-amber-400 text-md font-bold font-mono uppercase mb-1">Operation Solar Warden</h3>
<span class="text-xs text-amber-500/60 font-mono">EST. 1980s // US NAVY / UNIFIED SPACE COMMAND</span>
</div>
<div class="space-y-4 text-slate-300 text-sm font-mono">
<div class="grid grid-cols-2 gap-3 mb-4">
<div class="bg-slate-900/50 border border-amber-500/20 p-2">
<span class="text-amber-500/60 text-xs block">CODENAME</span>
<span class="text-amber-400">SOLAR WARDEN</span>
</div>
<div class="bg-slate-900/50 border border-amber-500/20 p-2">
<span class="text-amber-500/60 text-xs block">CLEARANCE</span>
<span class="text-amber-400">COSMIC TOP SECRET</span>
</div>
</div>
<p>
Solar Warden allegedly consists of two primary classifications:
</p>
<ul class="space-y-2 ml-4">
<li class="flex items-start gap-2">
<i data-lucide="chevron-right" class="w-4 h-4 text-amber-500 mt-0.5 flex-shrink-0"></i>
<span><strong class="text-amber-400">Space Fleet:</strong> Advanced spacecraft allegedly using reverse-engineered propulsion systems, capable of interplanetary travel.</span>
</li>
<li class="flex items-start gap-2">
<i data-lucide="chevron-right" class="w-4 h-4 text-amber-500 mt-0.5 flex-shrink-0"></i>
<span><strong class="text-amber-400">Ground Support:</strong> Lunar bases, Mars colonies, and deep space installations maintained through off-world labor.</span>
</li>
</ul>
<div class="bg-red-950/20 border border-red-500/30 p-3 my-3">
<div class="flex items-center gap-2 mb-2">
<i data-lucide="alert-triangle" class="w-4 h-4 text-red-500"></i>
<span class="text-red-400 text-xs font-bold uppercase">Declassification Status</span>
</div>
<p class="text-xs text-slate-400">
Allegedly revealed by UK hacker Gary McKinnon in 2002, who claimed to have found Excel spreadsheets listing "non-terrestrial officers" and fleet transfers between ships.
</p>
</div>
<div class="mt-4">
<h4 class="text-amber-500 text-xs uppercase mb-2">Alleged Capabilities</h4>
<div class="grid grid-cols-2 gap-2 text-xs">
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-amber-500 rounded-full"></span>
<span>Gravity Propulsion</span>
</div>
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-amber-500 rounded-full"></span>
<span>Stealth Technology</span>
</div>
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-amber-500 rounded-full"></span>
<span>Wormhole Navigation</span>
</div>
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-amber-500 rounded-full"></span>
<span>Artificial Intelligence</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Window: Secret Space Program -->
<div class="window absolute bottom-20 left-20 w-[450px] bg-slate-950/95 border border-amber-500/50 rounded-sm shadow-2xl shadow-amber-500/10"
style="z-index: 80;"
data-window="ssp">
<div class="window-header flex items-center justify-between px-3 py-2 bg-gradient-to-r from-amber-900/20 to-slate-900 border-b border-amber-500/30 cursor-move select-none">
<div class="flex items-center gap-2">
<i data-lucide="globe" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono uppercase tracking-wider">ssp_network.map</span>
</div>
<div class="flex gap-1">
<button class="window-minimize w-3 h-3 rounded-full bg-amber-500/30 hover:bg-amber-500/50 transition-colors" onclick="minimizeWindow('ssp')"></button>
<button class="window-close w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500 transition-colors" onclick="closeWindow('ssp')"></button>
</div>
</div>
<div class="window-content p-4 h-[380px] overflow-y-auto custom-scrollbar">
<h3 class="text-amber-400 text-md font-bold font-mono uppercase mb-3">Secret Space Program Hierarchy</h3>
<div class="space-y-3 text-sm font-mono text-slate-300">
<p class="text-xs text-amber-500/60 uppercase tracking-wider mb-2">Multiple Factions Alleged:</p>
<div class="space-y-3">
<div class="border-l-2 border-blue-500/50 pl-3 bg-blue-950/10 p-2">
<h4 class="text-blue-400 text-xs font-bold mb-1">NAVY / SOLAR WARDEN</h4>
<p class="text-xs text-slate-400">Deep space exploration and defense. Allegedly operates 8 cigar-shaped vessels and multiple support craft.</p>
</div>
<div class="border-l-2 border-green-500/50 pl-3 bg-green-950/10 p-2">
<h4 class="text-green-400 text-xs font-bold mb-1">AIR FORCE / MIC-SSP</h4>
<p class="text-xs text-slate-400">Military-Industrial Complex SSP. Lower technology tier, limited to near-Earth orbit using conventional aerospace technology.</p>
</div>
<div class="border-l-2 border-purple-500/50 pl-3 bg-purple-950/10 p-2">
<h4 class="text-purple-400 text-xs font-bold mb-1">DARK FLEET</h4>
<p class="text-xs text-slate-400">Alleged breakaway civilization operating beyond our solar system. Associated with negative ET interactions.</p>
</div>
<div class="border-l-2 border-cyan-500/50 pl-3 bg-cyan-950/10 p-2">
<h4 class="text-cyan-400 text-xs font-bold mb-1">GLOBAL GALACTIC LEAGUE OF NATIONS</h4>
<p class="text-xs text-slate-400">International coalition operating in parallel to Solar Warden with shared technology.</p>
</div>
</div>
<div class="mt-4 p-3 border border-amber-500/20 bg-amber-500/5">
<p class="text-xs italic text-amber-500/80">
"There are at least two types of UFOs. The ones we build, and the ones THEY build."
</p>
<p class="text-xs text-slate-500 mt-1">— Alleged Ben Rich, Lockheed Skunk Works</p>
</div>
</div>
</div>
</div>
<!-- Window: Whistleblowers -->
<div class="window absolute top-40 left-[30%] w-[400px] bg-slate-950/95 border border-amber-500/50 rounded-sm shadow-2xl shadow-amber-500/10 hidden"
style="z-index: 70;"
data-window="whistleblowers">
<div class="window-header flex items-center justify-between px-3 py-2 bg-gradient-to-r from-amber-900/20 to-slate-900 border-b border-amber-500/30 cursor-move select-none">
<div class="flex items-center gap-2">
<i data-lucide="user-secret" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-key uppercase tracking-wider">sources.int</span>
</div>
<div class="flex gap-1">
<button class="window-minimize w-3 h-3 rounded-full bg-amber-500/30 hover:bg-amber-500/50 transition-colors" onclick="minimizeWindow('whistleblowers')"></button>
<button class="window-close w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500 transition-colors" onclick="closeWindow('whistleblowers')"></button>
</div>
</div>
<div class="window-content p-4 h-[350px] overflow-y-auto custom-scrollbar">
<h3 class="text-amber-400 text-md font-bold font-mono uppercase mb-3">Key Whistleblowers</h3>
<div class="space-y-4">
<div class="border-b border-amber-500/20 pb-3">
<h4 class="text-amber-400 text-sm font-bold font-mono">Gary McKinnon</h4>
<p class="text-xs text-slate-400 mt-1">Scottish systems administrator who allegedly accessed NASA and DoD computers between 2001-2002, discovering references to "non-terrestrial officers" and fleet manifests.</p>
</div>
<div class="border-b border-amber-500/20 pb-3">
<h4 class="text-amber-400 text-sm font-bold font-mono">Corey Goode</h4>
<p class="text-xs text-slate-400 mt-1">Claims to have served in the SSP through "20 and Back" programs, working for the Secret Space Program Alliance. Operated intuitive empath and delegation intermediary.</p>
</div>
<div class="border-b border-amber-500/20 pb-3">
<h4 class="text-amber-400 text-sm font-bold font-mono">William Tompkins</h4>
<p class="text-xs text-late-400 mt-1">Former aerospace engineer (1923-2017) claimed involvement in Navy intelligence during WWII, working on advanced spacecraft design for Solar Warden predecessors.</p>
</div>
<div>
<h4 class="text-amber-400 text-sm font-bold font-mono">Emery Smith</h4>
<p class="text-xs text-slate-400 mt-1">Former US Air Force surgical assistant claimed to have worked in underground laboratories analyzing extraterrestrial biological specimens.</p>
</div>
</div>
</div>
</div>
<!-- Window: Citations & Evidence -->
<div class="window absolute bottom-32 right-10 w-[420px] bg-slate-950/95 border border-amber-500/50 rounded-sm shadow-2xl shadow-amber-500/10"
style="z-index: 60;"
data-window="citations">
<div class="window-header flex items-center justify-between px-3 py-2 bg-gradient-to-r from-amber-900/20 to-slate-900 border-b border-amber-500/30 cursor-move select-none">
<div class="flex items-center gap-2">
<i data-lucide="file-text" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono uppercase tracking-wider">citations.bib</span>
</div>
<div class="flex gap-1">
<button class="window-minimize w-3 h-3 rounded-full bg-amber-500/30 hover:bg-amber-500/50 transition-colors" onclick="minimizeWindow('citations')"></button>
<button class="window-close w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500 transition-colors" onclick="closeWindow('citations')"></button>
</div>
</div>
<div class="window-content p-4 h-[300px] overflow-y-auto custom-scrollbar">
<h3 class="text-amber-400 text-md font-bold font-mono uppercase mb-3">References & Citations</h3>
<div class="space-y-3 text-xs font-mono">
<div class="bg-slate-900/50 p-3 border-l-2 border-amber-500">
<p class="text-amber-500 font-bold mb-1">[1] BBC News (2005)</p>
<p class="text-slate-400">"Hacker fears 'UFO cover-up'" — Reporting on Gary McKinnon's extradition case and NASA hacking allegations.</p>
<a href="http://news.bbc.co.uk/2/hi/entertainment/4240814.stm" target="_blank" class="text-blue-400 hover:text-blue-300 underline mt-1 inline-block">View Source →</a>
</div>
<div class="bg-slate-900/50 p-3 border-l-2 border-amber-500">
<p class="text-amber-500 font-bold mb-1">[2] The Guardian (2012)</p>
<p class="text-slate-400">"Gary McKinnon: Hacker avoids extradition to US" — Legal proceedings regarding disclosure of classified material.</p>
</div>
<div class="bg-slate-900/50 p-3 border-l-2 border-amber-500">
<p class="text-amber-500 font-bold mb-1">[3] Dolan, R. (2014)</p>
<p class="text-slate-400">"UFOs for the 21st Century Mind" — Academic analysis of UFO secrecy and alleged government programs.</p>
</div>
<div class="bg-slate-900/50 p-3 border-l-2 border-amber-500">
<p class="text-amber-500 font-bold mb-1">[4] Salla, M. (2015)</p>
<p class="text-slate-400">"Insiders Reveal Secret Space Programs" — Exopolitical analysis of whistleblower testimonies.</p>
</div>
<div class="bg-slate-900/50 p-3 border-l-2 border-amber-500">
<p class="text-amber-500 font-bold mb-1">[5] U.S. Department of Defense (2023)</p>
<p class="text-slate-400">AARO Reports on Historical UAP Programs — Official disclosure of classified aerospace programs (Advanced Aerospace Threat Identification Program).</p>
</div>
<div class="mt-4 p-2 bg-red-900/20 border border-red-500/30">
<p class="text-red-400 text-xs">
<strong>DISCLAIMER:</strong> The Solar Warden Program and related allegations remain unverified by official government sources. The majority of information comes from unofficial whistleblowers and conspiracy research.
</p>
</div>
</div>
</div>
</div>
</main>
<!-- Taskbar -->
<footer class="fixed bottom-0 left-0 right-0 h-12 bg-slate-950/90 border-t border-amber-500/30 z-40 flex items-center px-4 gap-2 glass">
<button onclick="openWindow('welcome')" class="taskbar-btn flex items-center gap-2 px-3 py-1.5 bg-slate-900/50 border border-amber-500/30 rounded hover:bg-amber-500/20 transition-all">
<i data-lucide="terminal" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono hidden sm:inline">Overview</span>
</button>
<button onclick="openWindow('solar-warden')" class="taskbar-btn flex items-center gap-2 px-3 py-1.5 bg-slate-900/50 border border-amber-500/30 rounded hover:bg-amber-500/20 transition-all">
<i data-lucide="rocket" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono hidden sm:inline">Solar Warden</span>
</button>
<button onclick="openWindow('ssp')" class="taskbar-btn flex items-center gap-2 px-3 py-1.5 bg-slate-900/50 border border-amber-500/30 rounded hover:bg-amber-500/20 transition-all">
<i data-lucide="globe" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono hidden sm:inline">SSP Network</span>
</button>
<button onclick="openWindow('whistleblowers')" class="taskbar-btn flex items-center gap-2 px-3 py-1.5 bg-slate-900/50 border border-amber-500/30 rounded hover:bg-amber-500/20 transition-all">
<i data-lucide="user-secret" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono hidden sm:inline">Sources</span>
</button>
<button onclick="openWindow('citations')" class="taskbar-btn flex items-center gap-2 px-3 py-1.5 bg-slate-900/50 border border-amber-500/30 rounded hover:bg-amber-500/20 transition-all ml-auto">
<i data-lucide="file-text" class="w-4 h-4 text-amber-500"></i>
<span class="text-amber-500 text-xs font-mono hidden sm:inline">Citations</span>
</button>
</footer>
<script src="script.js"></script>
<script>
lucide.createIcons();
</script>
<script src="https://deepsite.hf.co/deepsite-badge.js"></script>
</body>
</html>