Commandande Ra Di Oh Sol Gratton
Find me a list of active deep bases occupied by American interests, here and abroad, including and starting with "Mount Shasta." - Follow Up Deployment
65e241a
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Secure Intelligence Dashboard</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> | |
| .security-gradient { | |
| background: linear-gradient(135deg, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%); | |
| } | |
| .map-container { | |
| background-image: url('https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=800x400&maptype=terrain&style=feature:all|element:labels|visibility:off'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .blur-effect { | |
| backdrop-filter: blur(8px); | |
| } | |
| .security-badge { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); } | |
| 70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-gray-100 min-h-screen"> | |
| <!-- Security Header --> | |
| <header class="security-gradient py-4 px-6 shadow-lg"> | |
| <div class="container mx-auto flex justify-between items-center"> | |
| <div class="flex items-center space-x-4"> | |
| <i class="fas fa-shield-alt text-2xl text-yellow-400"></i> | |
| <h1 class="text-xl font-bold">DEEP SENTINEL INTELLIGENCE</h1> | |
| </div> | |
| <div class="flex items-center space-x-6"> | |
| <div class="relative group"> | |
| <button class="px-4 py-2 bg-red-700 rounded-lg flex items-center space-x-2 hover:bg-red-800 transition"> | |
| <i class="fas fa-user-secret"></i> | |
| <span>Agent: [REDACTED]</span> | |
| </button> | |
| <div class="absolute right-0 mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10 hidden group-hover:block"> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Profile</a> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Logout</a> | |
| </div> | |
| </div> | |
| <div class="security-badge bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold"> | |
| TOP SECRET//SCI | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <main class="container mx-auto py-6 px-4"> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-6"> | |
| <!-- Left Sidebar --> | |
| <div class="lg:col-span-1 bg-gray-800 rounded-lg shadow-lg p-4"> | |
| <h2 class="text-lg font-bold mb-4 border-b border-gray-700 pb-2"> | |
| <i class="fas fa-filter mr-2"></i>Search Filters | |
| </h2> | |
| <div class="space-y-4"> | |
| <div> | |
| <label class="block text-sm font-medium mb-1">Region</label> | |
| <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2"> | |
| <option>All Regions</option> | |
| <option>North America</option> | |
| <option>Europe</option> | |
| <option>Asia-Pacific</option> | |
| <option>Middle East</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium mb-1">Facility Type</label> | |
| <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2"> | |
| <option>All Types</option> | |
| <option>Underground</option> | |
| <option>Mountain</option> | |
| <option>Underwater</option> | |
| <option>Research</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium mb-1">Security Level</label> | |
| <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2"> | |
| <option>All Levels</option> | |
| <option>Top Secret</option> | |
| <option>Secret</option> | |
| <option>Confidential</option> | |
| </select> | |
| </div> | |
| <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md flex items-center justify-center"> | |
| <i class="fas fa-search mr-2"></i> Apply Filters | |
| </button> | |
| </div> | |
| <div class="mt-6 pt-4 border-t border-gray-700"> | |
| <h3 class="text-sm font-bold mb-2">Quick Access</h3> | |
| <div class="space-y-2"> | |
| <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center"> | |
| <i class="fas fa-map-marked-alt mr-2 text-yellow-400"></i> | |
| Facility Map | |
| </a> | |
| <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center"> | |
| <i class="fas fa-chart-line mr-2 text-green-400"></i> | |
| Activity Reports | |
| </a> | |
| <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center"> | |
| <i class="fas fa-user-shield mr-2 text-red-400"></i> | |
| Personnel Tracking | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Content Area --> | |
| <div class="lg:col-span-2 space-y-6"> | |
| <!-- Alert Banner --> | |
| <div class="bg-red-900/50 border border-red-700 rounded-lg p-4 flex items-start"> | |
| <i class="fas fa-exclamation-triangle text-red-400 mt-1 mr-3"></i> | |
| <div> | |
| <h3 class="font-bold">SECURITY NOTICE</h3> | |
| <p class="text-sm">This information is classified TOP SECRET//SCI. Unauthorized access or disclosure is prohibited by Executive Order 13526 and punishable by law (18 U.S.C. 793, 794, 798).</p> | |
| </div> | |
| </div> | |
| <!-- Map Visualization --> | |
| <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden"> | |
| <div class="map-container h-64 relative"> | |
| <div class="absolute inset-0 blur-effect bg-black/30 flex items-center justify-center"> | |
| <div class="text-center p-6 bg-black/70 rounded-lg"> | |
| <i class="fas fa-lock text-3xl mb-2 text-yellow-400"></i> | |
| <p>Map visualization requires additional clearance</p> | |
| <button class="mt-3 px-4 py-2 bg-blue-600 rounded-md text-sm hover:bg-blue-700"> | |
| Request Access | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Facilities List --> | |
| <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden"> | |
| <div class="p-4 border-b border-gray-700 flex justify-between items-center"> | |
| <h2 class="text-lg font-bold"> | |
| <i class="fas fa-mountain mr-2"></i>Deep Earth Facilities | |
| </h2> | |
| <span class="text-xs bg-gray-700 px-2 py-1 rounded">Showing 8 of ██</span> | |
| </div> | |
| <div class="divide-y divide-gray-700"> | |
| <!-- Facility Item 1 --> | |
| <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h3 class="font-bold text-yellow-400">Mount Shasta Complex</h3> | |
| <p class="text-sm text-gray-400">Northern California, USA</p> | |
| </div> | |
| <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span> | |
| </div> | |
| <div class="mt-2 flex items-center text-sm"> | |
| <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span> | |
| <span>Operational</span> | |
| <span class="mx-2">•</span> | |
| <span><i class="fas fa-users mr-1"></i> ███ Personnel</span> | |
| <span class="mx-2">•</span> | |
| <span><i class="fas fa-layer-group mr-1"></i> Level █</span> | |
| </div> | |
| <p class="mt-2 text-sm text-gray-300 line-clamp-2"> | |
| Primary deep-earth research facility with multiple subterranean levels. Specializing in [REDACTED] and [REDACTED]. Access restricted to Omega clearance. | |
| </p> | |
| </div> | |
| <!-- Facility Item 2 --> | |
| <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h3 class="font-bold">[REDACTED] Mountain Facility</h3> | |
| <p class="text-sm text-gray-400">Colorado, USA</p> | |
| </div> | |
| <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span> | |
| </div> | |
| <div class="mt-2 flex items-center text-sm"> | |
| <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span> | |
| <span>Operational</span> | |
| <span class="mx-2">•</span> | |
| <span><i class="fas fa-users mr-1"></i> ███ Personnel</span> | |
| </div> | |
| <p class="mt-2 text-sm text-gray-300 line-clamp-2"> | |
| [DATA EXPUNGED] per Executive Order ██████. Last inspection: ██/██/2023. | |
| </p> | |
| </div> | |
| <!-- Facility Item 3 --> | |
| <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h3 class="font-bold">Dulce Base</h3> | |
| <p class="text-sm text-gray-400">New Mexico, USA</p> | |
| </div> | |
| <span class="text-xs bg-orange-800 px-2 py-1 rounded">CONFIDENTIAL</span> | |
| </div> | |
| <div class="mt-2 flex items-center text-sm"> | |
| <span class="inline-block w-3 h-3 rounded-full bg-yellow-500 mr-2"></span> | |
| <span>Limited Operations</span> | |
| <span class="mx-2">•</span> | |
| <span><i class="fas fa-users mr-1"></i> ██ Personnel</span> | |
| </div> | |
| <p class="mt-2 text-sm text-gray-300 line-clamp-2"> | |
| Joint research facility with focus on [REDACTED]. Security upgrade in progress. | |
| </p> | |
| </div> | |
| <!-- Facility Item 4 --> | |
| <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <h3 class="font-bold">[REDACTED] Undersea Station</h3> | |
| <p class="text-sm text-gray-400">Pacific Ocean</p> | |
| </div> | |
| <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span> | |
| </div> | |
| <div class="mt-2 flex items-center text-sm"> | |
| <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span> | |
| <span>Operational</span> | |
| <span class="mx-2">•</span> | |
| <span><i class="fas fa-users mr-1"></i> ██ Personnel</span> | |
| </div> | |
| <p class="mt-2 text-sm text-gray-300 line-clamp-2"> | |
| Deep-sea research and monitoring station. Last contact: ██/██/2023. Next resupply: ██/██/2023. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="p-4 border-t border-gray-700 flex justify-between items-center"> | |
| <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600"> | |
| <i class="fas fa-chevron-left mr-2"></i> Previous | |
| </button> | |
| <span class="text-sm text-gray-400">Page 1 of █</span> | |
| <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600"> | |
| Next <i class="fas fa-chevron-right ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 border-t border-gray-700 py-4 px-6"> | |
| <div class="container mx-auto flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center space-x-4 mb-4 md:mb-0"> | |
| <i class="fas fa-shield-alt text-xl text-yellow-400"></i> | |
| <span class="text-sm">DEEP SENTINEL INTELLIGENCE NETWORK</span> | |
| </div> | |
| <div class="text-sm text-gray-400"> | |
| <span>Secure Session: ██████████</span> | |
| <span class="mx-2">•</span> | |
| <span>Last Updated: ██:██ UTC</span> | |
| <span class="mx-2">•</span> | |
| <span>System Status: <span class="text-green-400">Secure</span></span> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Access Modal (hidden by default) --> | |
| <div class="fixed inset-0 bg-black/80 flex items-center justify-center z-50 hidden" id="accessModal"> | |
| <div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-md p-6"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="text-xl font-bold">Access Verification Required</h3> | |
| <button class="text-gray-400 hover:text-white" onclick="document.getElementById('accessModal').classList.add('hidden')"> | |
| <i class="fas fa-times"></i> | |
| </button> | |
| </div> | |
| <p class="mb-6 text-gray-300"> | |
| To view this information, you must verify your identity using your biometric signature. | |
| </p> | |
| <div class="bg-gray-700 rounded-lg p-4 mb-6 text-center"> | |
| <i class="fas fa-fingerprint text-4xl text-yellow-400 mb-3"></i> | |
| <p>Place your finger on the scanner</p> | |
| <div class="mt-4 h-1 bg-gray-600 rounded-full overflow-hidden"> | |
| <div class="h-full bg-blue-500 animate-pulse" style="width: 30%"></div> | |
| </div> | |
| </div> | |
| <div class="flex justify-end space-x-3"> | |
| <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600"> | |
| Cancel | |
| </button> | |
| <button class="px-4 py-2 bg-blue-600 rounded-md hover:bg-blue-700"> | |
| Verify | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| // Simple script to demonstrate interactivity | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Simulate clicking on a facility would require access verification | |
| const facilityItems = document.querySelectorAll('.divide-y > div'); | |
| facilityItems.forEach(item => { | |
| item.addEventListener('click', function() { | |
| document.getElementById('accessModal').classList.remove('hidden'); | |
| }); | |
| }); | |
| // Simulate a loading state for the fingerprint scanner | |
| const fingerprintScan = document.querySelector('.animate-pulse'); | |
| setInterval(() => { | |
| const currentWidth = parseInt(fingerprintScan.style.width); | |
| if(currentWidth < 100) { | |
| fingerprintScan.style.width = (currentWidth + 10) + '%'; | |
| } | |
| }, 800); | |
| }); | |
| </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/destroyingindustries" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |