nuclear-sentinels / index.html
Commandande Ra Di Oh Sol Gratton
What is the American nuclear sentinel program all about? Tell me about the drone/uap sightings. - Initial Deployment
2b2eca5 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuclear Sentinel Program & UAP Sightings</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
<style>
.hero-section {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}
.info-card {
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-item::before {
content: '';
position: absolute;
left: -38px;
top: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background: #3b82f6;
border: 3px solid #1e40af;
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 font-sans">
<!-- Hero Section with Vanta.js Globe -->
<div id="hero" class="hero-section min-h-screen flex items-center justify-center relative overflow-hidden">
<div class="absolute inset-0 z-0" id="vanta-globe"></div>
<div class="container mx-auto px-6 z-10">
<div class="max-w-4xl mx-auto text-center" data-aos="fade-up">
<h1 class="text-5xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
Nuclear Sentinel Program
</h1>
<p class="text-xl md:text-2xl mb-8 text-blue-200">
Monitoring UAP Activity at Nuclear Facilities
</p>
<a href="#content" class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 rounded-lg font-medium transition duration-300">
<i data-feather="chevron-down" class="mr-2"></i> Learn More
</a>
</div>
</div>
</div>
<!-- Main Content Section -->
<div id="content" class="py-20 bg-gray-900">
<div class="container mx-auto px-6">
<!-- Nuclear Sentinel Program Section -->
<section class="mb-20" data-aos="fade-up">
<div class="flex flex-col md:flex-row items-center mb-12">
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-10">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-blue-400">
<i data-feather="shield" class="inline mr-3"></i> The Nuclear Sentinel Program
</h2>
<p class="text-lg text-gray-300 mb-4">
The American Nuclear Sentinel Program is a classified initiative designed to monitor and protect sensitive nuclear facilities from unidentified aerial phenomena (UAPs) and potential foreign drone incursions.
</p>
<p class="text-lg text-gray-300 mb-6">
Established during the Cold War era, the program has evolved to incorporate advanced detection technologies including radar, infrared sensors, and satellite surveillance to track anomalous aerial objects near nuclear sites.
</p>
<div class="info-card p-6 rounded-xl mb-6">
<h3 class="text-xl font-semibold mb-3 text-blue-300">Key Objectives:</h3>
<ul class="space-y-2 text-gray-300">
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-400 mr-2 mt-1"></i>
<span>Monitor nuclear facilities for UAP activity</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-400 mr-2 mt-1"></i>
<span>Detect and identify unauthorized drone flights</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-400 mr-2 mt-1"></i>
<span>Analyze potential security threats</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-green-400 mr-2 mt-1"></i>
<span>Coordinate with NORAD and other defense agencies</span>
</li>
</ul>
</div>
</div>
<div class="md:w-1/2">
<img src="http://static.photos/technology/640x360/42" alt="Nuclear Facility" class="rounded-xl shadow-xl w-full h-auto">
</div>
</div>
</section>
<!-- UAP Sightings Section -->
<section class="mb-20" data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center text-purple-400">
<i data-feather="eye" class="inline mr-3"></i> Documented UAP/Drone Sightings
</h2>
<div class="relative">
<!-- Timeline -->
<div class="border-l-2 border-blue-500 border-opacity-50 ml-8 pl-8 space-y-12">
<!-- Timeline Item 1 -->
<div class="timeline-item relative">
<div class="info-card p-6 rounded-xl">
<div class="flex items-center mb-3">
<span class="bg-blue-600 text-white text-sm font-semibold px-3 py-1 rounded-full">1967</span>
<span class="ml-3 text-sm text-gray-400">Malmstrom AFB, Montana</span>
</div>
<h3 class="text-xl font-semibold mb-2 text-white">ICBM Shutdown Incident</h3>
<p class="text-gray-300">
Security personnel reported glowing red objects hovering near missile silos. Simultaneously, multiple Minuteman ICBMs became inoperative. Official reports attributed this to "equipment malfunction."
</p>
</div>
</div>
<!-- Timeline Item 2 -->
<div class="timeline-item relative">
<div class="info-card p-6 rounded-xl">
<div class="flex items-center mb-3">
<span class="bg-blue-600 text-white text-sm font-semibold px-3 py-1 rounded-full">2012-2015</span>
<span class="ml-3 text-sm text-gray-400">Multiple Locations</span>
</div>
<h3 class="text-xl font-semibold mb-2 text-white">Navy Pilot Encounters</h3>
<p class="text-gray-300">
U.S. Navy pilots reported numerous encounters with unidentified aircraft exhibiting extraordinary performance characteristics near nuclear carrier groups and coastal facilities.
</p>
</div>
</div>
<!-- Timeline Item 3 -->
<div class="timeline-item relative">
<div class="info-card p-6 rounded-xl">
<div class="flex items-center mb-3">
<span class="bg-blue-600 text-white text-sm font-semibold px-3 py-1 rounded-full">2019</span>
<span class="ml-3 text-sm text-gray-400">Nevada Test Site</span>
</div>
<h3 class="text-xl font-semibold mb-2 text-white">Triangular Craft Sighting</h3>
<p class="text-gray-300">
Security cameras and personnel observed a large triangular craft with pulsating lights hovering silently over a restricted area before accelerating at impossible speeds.
</p>
</div>
</div>
<!-- Timeline Item 4 -->
<div class="timeline-item relative">
<div class="info-card p-6 rounded-xl">
<div class="flex items-center mb-3">
<span class="bg-blue-600 text-white text-sm font-semibold px-3 py-1 rounded-full">2020-Present</span>
<span class="ml-3 text-sm text-gray-400">Various Nuclear Sites</span>
</div>
<h3 class="text-xl font-semibold mb-2 text-white">Drone Swarms</h3>
<p class="text-gray-300">
Multiple reports of coordinated drone swarms operating near sensitive nuclear facilities, sometimes exhibiting flight patterns and durations beyond known drone capabilities.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Characteristics Section -->
<section data-aos="fade-up">
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center text-blue-400">
<i data-feather="activity" class="inline mr-3"></i> Common Characteristics
</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Card 1 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-blue-400 mb-4">
<i data-feather="zap" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">Instant Acceleration</h3>
<p class="text-gray-300">
Objects observed accelerating from stationary to hypersonic speeds without visible means of propulsion or sonic booms.
</p>
</div>
<!-- Card 2 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-purple-400 mb-4">
<i data-feather="move" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">Hypersonic Velocity</h3>
<p class="text-gray-300">
Radar tracks show velocities exceeding Mach 5 with no thermal signatures expected from atmospheric friction.
</p>
</div>
<!-- Card 3 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-green-400 mb-4">
<i data-feather="rotate-cw" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">Right-Angle Turns</h3>
<p class="text-gray-300">
Objects making instantaneous 90-degree turns at high speeds, defying known physics of inertia and G-force limitations.
</p>
</div>
<!-- Card 4 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-yellow-400 mb-4">
<i data-feather="eye-off" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">Low Observability</h3>
<p class="text-gray-300">
Objects often invisible to naked eye but appear on infrared or radar, suggesting advanced stealth or cloaking technology.
</p>
</div>
<!-- Card 5 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-red-400 mb-4">
<i data-feather="power" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">EM Effects</h3>
<p class="text-gray-300">
Numerous reports of electromagnetic interference with radar, communications, and even nuclear weapon systems during encounters.
</p>
</div>
<!-- Card 6 -->
<div class="info-card p-6 rounded-xl hover:bg-gray-800 transition duration-300">
<div class="text-indigo-400 mb-4">
<i data-feather="clock" class="w-10 h-10"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-white">Extended Loitering</h3>
<p class="text-gray-300">
Objects observed hovering stationary for hours without apparent fuel source or propulsion system.
</p>
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<footer class="bg-gray-800 py-12">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-6 md:mb-0">
<h3 class="text-xl font-bold text-blue-400 mb-2">Nuclear Sentinel Program</h3>
<p class="text-gray-400">Monitoring the skies since 1947</p>
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-blue-400 transition duration-300">
<i data-feather="twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-blue-400 transition duration-300">
<i data-feather="facebook"></i>
</a>
<a href="#" class="text-gray-400 hover:text-blue-400 transition duration-300">
<i data-feather="instagram"></i>
</a>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-500 text-sm">
<p>For official inquiries, contact the Department of Defense Public Affairs Office</p>
<p class="mt-2">This is an informational resource only. Classified details are not disclosed.</p>
</div>
</div>
</footer>
<script>
// Initialize Vanta.js globe
VANTA.GLOBE({
el: "#hero",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x3b82f6,
backgroundColor: 0x111827,
size: 0.8
});
// Initialize AOS
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true
});
// Feather Icons
feather.replace();
</script>
</body>
</html>