Hugging Face's logo

Spaces:
CommanderLazarus
/
mkultra
Running

App Files Community
mkultra
File size: 8,084 Bytes 
b25442c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f3737f0
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
 
<!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>