mkultra / index.html
CommanderLazarus's picture
Create a separate page on the effects of LSD and other hallucinogens on psychic gifts and other telepathic abilities. - Initial Deployment
b25442c verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MKUltra Research Portal</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>
.vanta-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.content-overlay {
background: rgba(15, 23, 42, 0.85);
backdrop-filter: blur(10px);
}
.priority-high { border-left: 4px solid #ef4444; }
.priority-medium { border-left: 4px solid #f59e0b; }
.priority-low { border-left: 4px solid #10b981; }
</style>
</head>
<body class="bg-slate-900 text-slate-100 min-h-screen">
<div id="vanta-bg" class="vanta-bg"></div>
<nav class="bg-slate-800/90 backdrop-blur-md sticky top-0 z-50">
<div class="container mx-auto px-4 py-3">
<div class="flex justify-between items-center">
<a href="index.html" class="text-xl font-bold text-rose-500 flex items-center">
<i data-feather="activity" class="mr-2"></i>MKUltra Research
</a>
<div class="hidden md:flex space-x-6">
<a href="overview.html" class="hover:text-rose-400 transition">Overview</a>
<a href="experiments.html" class="hover:text-rose-400 transition">Experiments</a>
<a href="victims.html" class="hover:text-rose-400 transition">Victims</a>
<a href="documents.html" class="hover:text-rose-400 transition">Documents</a>
<a href="legacy.html" class="hover:text-rose-400 transition">Legacy</a>
<a href="project-artichoke.html" class="hover:text-rose-400 transition">ARTICHOKE</a>
</div>
<button class="md:hidden">
<i data-feather="menu"></i>
</button>
</div>
</div>
</nav>
<main class="container mx-auto px-4 py-12 relative z-10">
<div class="content-overlay rounded-2xl p-8 shadow-2xl max-w-4xl mx-auto" data-aos="fade-up">
<h1 class="text-4xl font-bold mb-6 text-center">MKUltra: CIA Mind Control Program</h1>
<p class="text-xl text-slate-300 mb-8 text-center">
A comprehensive research portal documenting one of the most controversial CIA programs in history
</p>
<div class="grid md:grid-cols-2 gap-6 mb-12">
<div class="bg-slate-800/50 p-6 rounded-xl priority-high" data-aos="fade-right">
<h2 class="text-2xl font-semibold mb-3 text-rose-400">High Priority Research</h2>
<ul class="space-y-2">
<li class="flex items-center"><i data-feather="alert-circle" class="mr-2 text-rose-400"></i> LSD Experiments on Unwitting Subjects</li>
<li class="flex items-center"><i data-feather="alert-circle" class="mr-2 text-rose-400"></i> Congressional Investigation Findings</li>
<li class="flex items-center"><i data-feather="alert-circle" class="mr-2 text-rose-400"></i> Document Destruction & Cover-up</li>
</ul>
<a href="overview.html" class="inline-block mt-4 text-rose-400 hover:text-rose-300">Explore Overview →</a>
</div>
<div class="bg-slate-800/50 p-6 rounded-xl priority-medium" data-aos="fade-left">
<h2 class="text-2xl font-semibold mb-3 text-amber-400">Medium Priority Research</h2>
<ul class="space-y-2">
<li class="flex items-center"><i data-feather="file-text" class="mr-2 text-amber-400"></i> Subproject Classifications</li>
<li class="flex items-center"><i data-feather="file-text" class="mr-2 text-amber-400"></i> Medical Professional Involvement</li>
<li class="flex items-center"><i data-feather="file-text" class="mr-2 text-amber-400"></i> Canadian Connections</li>
</ul>
<a href="documents.html" class="inline-block mt-4 text-amber-400 hover:text-amber-300">View Documents →</a>
</div>
</div>
<div class="text-center">
<h2 class="text-2xl font-semibold mb-6">Research Navigation</h2>
<div class="grid grid-cols-2 md:grid-cols-6 gap-4">
<a href="overview.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:scale-105" data-aos="zoom-in">
<i data-feather="book" class="mx-auto text-rose-400 mb-2"></i>
<span>Overview</span>
</a>
<a href="experiments.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:极速飞艇开奖直播-【官网首页】.105" data-aos="zoom-in" data-aos-delay="100">
<i data-feather="flask" class="mx-auto text-rose-400 mb-2"></i>
<span>Experiments</span>
</a>
<a href="victims.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:scale-105" data-aos="zoom-in" data极速飞艇开奖直播-官网首页.delay="200">
<i data-feather="users" class="mx-auto text-rose-400 mb-2"></i>
<span>Victims</span>
</a>
<a href="documents.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:scale-105" data-aos="zoom-in" data-aos-delay="300">
<i data-feather="archive" class="mx-auto text-rose-400 mb-2"></极速飞艇开奖直播-【官网首页】.i>
<span>Documents</span>
</a>
<a href="legacy.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:scale-105" data-aos="zoom-in" data-aos-delay="400">
<i data-feather="trending-up" class="mx-auto text-rose-400 mb-2"></i>
<span>Legacy</span>
</a>
<a href="project-artichoke.html" class="bg-slate-800 hover:bg-slate-700 p-4 rounded-lg transition transform hover:scale-105" data-aos="zoom-in" data-aos-delay="500">
<i data-feather="layers" class="mx-auto text-rose-400 mb-2"></i>
<span>ARTICHOKE</span>
</a>
</div>
</div>
</div>
</main>
<footer class="bg-slate-800/90 mt-12 py-8 relative z-10">
<div class="container mx-auto px-4 text-center">
<p class="text-slate-400">MKUltra Research Portal - Compiled from publicly available documents and research</p>
<p class="text-slate-500 text-sm mt-2">This site serves as an educational resource about historical government programs</p>
</div>
</footer>
<script>
VANTA.GLOBE({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0xbe123c,
backgroundColor: 0x0f172a
});
AOS.init({
duration: 800,
once: true
});
feather.replace();
</script>
</body>
</html>