innerearthalliance / index.html
CommanderLazarus's picture
Create a new index.html for https://commanderlazarus-uap-disclosure.static.hf.space, https://commanderlazarus-mkultra.static.hf.space, https://commanderlazarus-uaps.static.hf.space, and https://commanderlazarus-innerearthalliance.static.hf.space. One page to list all four sites. - Follow Up Deployment
2a42b59 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Commander Lazarus | Research Portals</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<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-bg {
background: linear-gradient(135deg, rgba(9,17,28,0.9) 0%, rgba(23,42,58,0.85) 100%);
}
.nav-link:hover {
color: #4fd1c5;
transition: all 0.3s ease;
}
.glow-text {
text-shadow: 0 0 10px rgba(79, 209, 197, 0.7);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(79, 209, 197, 0.3);
}
.portal-card {
border: 1px solid rgba(79, 209, 197, 0.3);
background: rgba(15, 23, 42, 0.8);
backdrop-filter: blur(10px);
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 font-sans">
<!-- Vanta.js Globe Background -->
<div id="vanta-globe" class="fixed top-0 left-0 w-full极 h-full z-0"></div>
<!-- Navigation -->
<nav class="relative z-10 bg-gray-900 bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center">
<i data-feather="compass" class="text-teal-400 mr-2"></i>
<span class="text-xl font-bold text-teal-400">Commander Lazarus</span>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-bg relative z-10 py-20 md:py-32">
<div class="container mx-auto px-6 text-center">
<h1 class="text-4xl md:text-6xl font-bold mb-6 glow-text" data-aos="fade-up">
Research <span class="text-teal-400">Portals</span>
</h1>
<p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
Access Commander Lazarus's comprehensive research on UAP disclosure, MKULTRA, UAP phenomena, and the Inner Earth Alliance
</p>
</div>
</section>
<!-- Portals Section -->
<section class="relative z-10 py-20 bg-gray-900 bg-opacity-90">
<div class="container mx-auto px-6">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-teal-400" data-aos="fade-up">
<i data-feather="grid" class="inline mr-2"></i> Research Portals
</h2>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<!-- UAP Disclosure Portal -->
<div class="portal-card rounded-xl p-8 card-hover" data-aos="fade-up">
<div class="text-center mb-6">
<i data-feather="eye" class="w-12 h-12 text-teal-400 mx-auto"></i>
</div>
<h3 class="text-2xl font-bold mb-4 text-center text-teal-400">UAP Disclosure</h3>
<p class="text-gray-300 mb-6 text-center">
Comprehensive research on unidentified aerial phenomena and government disclosure efforts
</p>
<div class="text-center">
<a href="https://commanderlazarus-uap-disclosure.static.hf.space"
class="bg-teal-600 hover:bg-teal-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300 inline-block">
Enter Portal
</a>
</div>
</div>
<!-- MKULTRA Portal -->
<div class="portal-card rounded-xl p-8 card-hover" data-aos="fade-up" data-aos-delay="100">
<div class="text-center mb-6">
<i data-feather="alert-triangle" class="w-12 h-12 text-teal-400 mx-auto"></i>
</div>
<h3 class="text-2xl font-bold mb-4 text-center text-teal-400">MKULTRA Research</h3>
<p class="text-gray-300 mb-6 text-center">
In-depth analysis of CIA mind control programs and their modern implications
</p>
<div class="text-center">
<a href="https://commanderlazarus-mkultra.st极atic.hf.space"
class="bg-teal-600 hover:bg-teal-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300 inline-block">
Enter Portal
</a>
</div>
</div>
<!-- UAPs Portal -->
<div class="portal-card rounded-xl p-8 card-hover" data-aos="fade-up" data-aos-delay="200">
<div class="text-center mb极-6">
<i data-feather="activity" class="w-12 h-12 text-teal-400 mx-auto"></i>
</div>
<h3 class="text-2xl font-bold mb-4 text-center text-teal-400">UAP Phenomena</h3>
<p class="text-gray-300 mb-6 text-center">
Scientific analysis of UAP encounters, patterns, and technological implications
</p>
<div class="text-center">
<a href="https://commanderlazarus-uaps.static.hf.space"
class="bg-teal-600 hover:bg-teal-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300 inline-block">
Enter Portal
</a>
</div>
</div>
<!-- Inner Earth Alliance Portal -->
<div class="portal-card rounded-xl p-8 card-hover" data-aos="fade-up" data-aos-delay="300">
<div class="text-center mb-6">
<i data-feather="compass" class="w-12 h-12 text-teal-400 mx-auto"></i>
</div>
<h3 class="text-2xl font-bold mb-4 text-center text-teal-400">Inner Earth Alliance</h3>
<p class="text-gray-300 mb-6 text-center">
Exploration of advanced underground civilizations and their technologies
</p>
<div class="text-center">
<a href="https://commanderlazarus-innerearthalliance.static.hf.space"
class="bg-teal-600 hover:bg-teal-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300 inline-block">
Enter Portal
</a>
</div>
</div>
</div>
<div class="mt-16 text-center" data-aos="fade-up">
<p class="text-gray-300 max-w-2xl mx-auto">
Each portal contains exclusive research, analysis, and insights from Commander Lazarus's decades of investigation into these critical topics.
</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="relative z-10 bg-gray-900 bg-opacity-90 border-t border-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="flex items-center mb-6 md:mb-0">
<i data-feather="compass" class="text-teal-400 mr-2"></i>
<span class="text-xl font-bold text-teal-400">Commander Lazarus</span>
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-teal-400">
<i data-feather="twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-teal-400">
<极i data-feather="facebook"></i>
</a>
<a href="#" class="极text-gray-400 hover:text-teal-400">
<i data-feather="instagram"></i>
</a>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
<p>© 2023 Commander Lazarus Research Portals. All rights reserved.</p>
<p class="mt-2">Independent research and analysis of classified and unconventional topics.</p>
</div>
</div>
</footer>
<script>
// Initialize Vanta.js globe
VANTA.GLOBE({
el: "#vanta-globe",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x4fd1c5,
backgroundColor: 0x09090b,
size: 0.7
});
// Initialize AOS
AOS.init({
duration: 800,
easing: 'ease-in-out',
once: true
});
// Feather Icons
feather.replace();
</script>
</body>
</html>