Hugging Face's logo

Spaces:
CommanderLazarus
/
omega
Running

App Files Community
Commandande Ra Di Oh Sol Gratton commited on
Commit
e0af562
·
verified ·
1 Parent(s): 771b320

What is the current state of the ongoing deep State Intel debrief on extraterrestrial life and non-terrestrial craft? - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +592 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Omega
3
- emoji: 🐢
4
  colorFrom: blue
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: omega
3
+ emoji: 🐳
4
  colorFrom: blue
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,592 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>CLASSIFIED: Project Stargate Debrief</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes flicker {
11
+ 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
12
+ opacity: 1;
13
+ }
14
+ 20%, 22%, 24%, 55% {
15
+ opacity: 0.4;
16
+ }
17
+ }
18
+ .terminal-text {
19
+ font-family: 'Courier New', monospace;
20
+ }
21
+ .scanlines {
22
+ position: relative;
23
+ }
24
+ .scanlines:before {
25
+ content: "";
26
+ position: absolute;
27
+ top: 0;
28
+ left: 0;
29
+ width: 100%;
30
+ height: 100%;
31
+ background: linear-gradient(
32
+ to bottom,
33
+ transparent 0%,
34
+ rgba(0, 255, 0, 0.05) 50%,
35
+ transparent 100%
36
+ );
37
+ background-size: 100% 4px;
38
+ pointer-events: none;
39
+ z-index: 10;
40
+ }
41
+ .glitch {
42
+ position: relative;
43
+ }
44
+ .glitch::before, .glitch::after {
45
+ content: attr(data-text);
46
+ position: absolute;
47
+ top: 0;
48
+ left: 0;
49
+ width: 100%;
50
+ height: 100%;
51
+ }
52
+ .glitch::before {
53
+ left: 2px;
54
+ text-shadow: -2px 0 #ff00ff;
55
+ clip: rect(44px, 450px, 56px, 0);
56
+ animation: glitch-anim 5s infinite linear alternate-reverse;
57
+ }
58
+ .glitch::after {
59
+ left: -2px;
60
+ text-shadow: -2px 0 #00ffff;
61
+ clip: rect(44px, 450px, 56px, 0);
62
+ animation: glitch-anim2 5s infinite linear alternate-reverse;
63
+ }
64
+ @keyframes glitch-anim {
65
+ 0% { clip: rect(31px, 9999px, 94px, 0); }
66
+ 10% { clip: rect(112px, 9999px, 76px, 0); }
67
+ 20% { clip: rect(85px, 9999px, 77px, 0); }
68
+ 30% { clip: rect(27px, 9999px, 97px, 0); }
69
+ 40% { clip: rect(64px, 9999px, 98px, 0); }
70
+ 50% { clip: rect(61px, 9999px, 85px, 0); }
71
+ 60% { clip: rect(99px, 9999px, 114px, 0); }
72
+ 70% { clip: rect(34px, 9999px, 115px, 0); }
73
+ 80% { clip: rect(98px, 9999px, 129px, 0); }
74
+ 90% { clip: rect(43px, 9999px, 96px, 0); }
75
+ 100% { clip: rect(82px, 9999px, 64px, 0); }
76
+ }
77
+ @keyframes glitch-anim2 {
78
+ 0% { clip: rect(65px, 9999px, 119px, 0); }
79
+ 10% { clip: rect(120px, 9999px, 152px, 0); }
80
+ 20% { clip: rect(85px, 9999px, 16px, 0); }
81
+ 30% { clip: rect(52px, 9999px, 57px, 0); }
82
+ 40% { clip: rect(75px, 9999px, 134px, 0); }
83
+ 50% { clip: rect(122px, 9999px, 151px, 0); }
84
+ 60% { clip: rect(37px, 9999px, 17px, 0); }
85
+ 70% { clip: rect(82px, 9999px, 44px, 0); }
86
+ 80% { clip: rect(24px, 9999px, 94px, 0); }
87
+ 90% { clip: rect(90px, 9999px, 18px, 0); }
88
+ 100% { clip: rect(60px, 9999px, 103px, 0); }
89
+ }
90
+ .password-input {
91
+ letter-spacing: 0.3em;
92
+ font-size: 1.2em;
93
+ }
94
+ .classified-stamp {
95
+ transform: rotate(-15deg);
96
+ opacity: 0.8;
97
+ }
98
+ .blink {
99
+ animation: blink 1s step-end infinite;
100
+ }
101
+ @keyframes blink {
102
+ from, to { opacity: 1; }
103
+ 50% { opacity: 0; }
104
+ }
105
+ </style>
106
+ </head>
107
+ <body class="bg-black text-green-500 min-h-screen terminal-text scanlines overflow-x-hidden">
108
+ <!-- Access Control -->
109
+ <div id="access-screen" class="fixed inset-0 z-50 flex flex-col items-center justify-center bg-black px-4">
110
+ <div class="max-w-md w-full bg-black border-2 border-green-500 p-6 rounded-lg shadow-lg">
111
+ <div class="glitch mb-6" data-text="DEEP STATE INTELLIGENCE NETWORK">
112
+ <h1 class="text-2xl font-bold text-center">DEEP STATE INTELLIGENCE NETWORK</h1>
113
+ </div>
114
+ <div class="mb-4">
115
+ <p class="text-sm mb-2">SECURITY CLEARANCE REQUIRED: MAJESTIC-12</p>
116
+ <div class="relative">
117
+ <input type="password" id="access-code" class="w-full bg-black border border-green-500 px-3 py-2 password-input" placeholder="ENTER CODEPHRASE">
118
+ <div class="absolute right-3 top-2 text-green-500 blink">_</div>
119
+ </div>
120
+ </div>
121
+ <div class="flex justify-between items-center">
122
+ <span class="text-xs">VERSION 7.62.19</span>
123
+ <button id="verify-btn" class="bg-green-900 hover:bg-green-800 text-green-300 px-4 py-1 border border-green-500">
124
+ VERIFY <i class="fas fa-fingerprint ml-1"></i>
125
+ </button>
126
+ </div>
127
+ <div id="access-error" class="text-red-500 text-xs mt-2 hidden">ACCESS DENIED - INCORRECT CODEPHRASE</div>
128
+ </div>
129
+ <div class="mt-8 text-xs text-green-700">
130
+ <p>THIS TERMINAL IS MONITORED 24/7 BY D.S.I.N. SECURITY</p>
131
+ <p class="text-center mt-1">UNAUTHORIZED ACCESS ATTEMPTS WILL BE REPORTED</p>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Main Content (hidden until access granted) -->
136
+ <div id="main-content" class="hidden container mx-auto px-4 py-8">
137
+ <!-- Header -->
138
+ <header class="border-b border-green-500 pb-4 mb-8">
139
+ <div class="flex justify-between items-start">
140
+ <div>
141
+ <h1 class="text-2xl md:text-3xl font-bold mb-1">PROJECT STARLIGHT DEBRIEF</h1>
142
+ <p class="text-sm">EYES ONLY - TOP SECRET/MAJIC</p>
143
+ </div>
144
+ <div class="classified-stamp bg-red-500 text-white px-8 py-2 text-xl font-bold inline-block">
145
+ CLASSIFIED
146
+ </div>
147
+ </div>
148
+ <div class="flex flex-wrap justify-between items-center mt-4">
149
+ <p class="text-sm">LAST UPDATE: <span id="current-date" class="font-mono"></span></p>
150
+ <div class="flex space-x-2">
151
+ <div class="bg-green-900 text-green-300 px-3 py-1 text-xs rounded flex items-center">
152
+ <i class="fas fa-shield-alt mr-1"></i> CRYPTO-SECURE
153
+ </div>
154
+ <div class="bg-blue-900 text-blue-300 px-3 py-1 text-xs rounded flex items-center">
155
+ <i class="fas fa-satellite-dish mr-1"></i> QUANTUM-LINKED
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </header>
160
+
161
+ <!-- Status Alert -->
162
+ <div class="bg-yellow-900 border border-yellow-600 p-4 mb-8 rounded-lg flex items-start">
163
+ <div class="mr-3 text-yellow-400 text-xl">
164
+ <i class="fas fa-exclamation-triangle"></i>
165
+ </div>
166
+ <div>
167
+ <h3 class="font-bold text-yellow-300 mb-1">OPERATIONAL ALERT</h3>
168
+ <p class="text-sm">This document contains sensitive information regarding ongoing investigations into non-terrestrial intelligences and associated technologies. Distribution restricted to MAJESTIC-12 cleared personnel only.</p>
169
+ </div>
170
+ </div>
171
+
172
+ <!-- Main Grid -->
173
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
174
+ <!-- Left Column -->
175
+ <div class="lg:col-span-2 space-y-6">
176
+ <!-- Current Status -->
177
+ <div class="border border-green-500 p-4 rounded-lg">
178
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
179
+ <h2 class="text-xl font-bold"><i class="fas fa-chart-line mr-2"></i> CURRENT STATUS</h2>
180
+ <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded">LIVE FEED</span>
181
+ </div>
182
+ <div class="space-y-4">
183
+ <div class="grid grid-cols-2 gap-4">
184
+ <div class="border border-green-500 p-3 rounded">
185
+ <h3 class="font-bold text-sm mb-1">DISCLOSURE PHASE</h3>
186
+ <div class="h-2 bg-green-900 rounded-full mb-1">
187
+ <div class="h-2 bg-green-500 rounded-full" style="width: 45%"></div>
188
+ </div>
189
+ <p class="text-xs">PHASE 2/5 INITIATED</p>
190
+ </div>
191
+ <div class="border border-green-500 p-3 rounded">
192
+ <h3 class="font-bold text-sm mb-1">PUBLIC AWARENESS</h3>
193
+ <div class="h-2 bg-green-900 rounded-full mb-1">
194
+ <div class="h-2 bg-green-500 rounded-full" style="width: 68%"></div>
195
+ </div>
196
+ <p class="text-xs">CRITICAL MASS APPROACHING</p>
197
+ </div>
198
+ </div>
199
+ <div class="border border-green-500 p-3 rounded">
200
+ <h3 class="font-bold text-sm mb-2">ACTIVE OPERATIONS</h3>
201
+ <div class="space-y-2">
202
+ <div class="flex justify-between items-center">
203
+ <span>PROJECT BLUE BOOK</span>
204
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">ARCHIVED</span>
205
+ </div>
206
+ <div class="flex justify-between items-center">
207
+ <span>PROJECT AQUARIUS</span>
208
+ <span class="text-xs bg-yellow-900 px-2 py-1 rounded">STANDBY</span>
209
+ </div>
210
+ <div class="flex justify-between items-center">
211
+ <span>PROJECT SERPO</span>
212
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">ACTIVE</span>
213
+ </div>
214
+ <div class="flex justify-between items-center">
215
+ <span>PROJECT SIGMA</span>
216
+ <span class="text-xs bg-red-900 px-2 py-1 rounded">REDACTED</span>
217
+ </div>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+
223
+ <!-- Recent Events -->
224
+ <div class="border border-green-500 p-4 rounded-lg">
225
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
226
+ <h2 class="text-xl font-bold"><i class="fas fa-calendar-alt mr-2"></i> RECENT EVENTS</h2>
227
+ <button id="refresh-events" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-2 py-1 rounded flex items-center">
228
+ <i class="fas fa-sync-alt mr-1"></i> REFRESH
229
+ </button>
230
+ </div>
231
+ <div id="events-container" class="space-y-3">
232
+ <div class="border-l-4 border-green-500 pl-3 py-1">
233
+ <div class="flex justify-between items-start">
234
+ <h3 class="font-bold">CONGRESSIONAL BRIEFING</h3>
235
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">2024-06-15</span>
236
+ </div>
237
+ <p class="text-sm mt-1">Closed-door session with Gang of Eight regarding UAP oversight. Limited disclosure approved.</p>
238
+ </div>
239
+ <div class="border-l-4 border-yellow-500 pl-3 py-1">
240
+ <div class="flex justify-between items-start">
241
+ <h3 class="font-bold">SIGNAL INTERCEPT</h3>
242
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">2024-06-10</span>
243
+ </div>
244
+ <p class="text-sm mt-1">Anomalous radio signal detected from Oort cloud region. Analyzing for potential artificial origin.</p>
245
+ </div>
246
+ <div class="border-l-4 border-red-500 pl-3 py-1">
247
+ <div class="flex justify-between items-start">
248
+ <h3 class="font-bold">SECURITY BREACH</h3>
249
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">2024-05-28</span>
250
+ </div>
251
+ <p class="text-sm mt-1">Unauthorized access attempt at Wright-Patterson facility. Neutralized by security protocols.</p>
252
+ </div>
253
+ </div>
254
+ </div>
255
+
256
+ <!-- Craft Analysis -->
257
+ <div class="border border-green-500 p-4 rounded-lg">
258
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
259
+ <h2 class="text-xl font-bold"><i class="fas fa-ufo mr-2"></i> CRAFT ANALYSIS</h2>
260
+ <span class="text-xs bg-blue-900 px-2 py-1 rounded">PRELIMINARY</span>
261
+ </div>
262
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
263
+ <div>
264
+ <h3 class="font-bold text-sm mb-2">KNOWN VARIETALS</h3>
265
+ <ul class="text-sm space-y-1">
266
+ <li class="flex items-center"><div class="w-2 h-2 bg-green-500 rounded-full mr-2"></div> Disk-shaped (Type A)</li>
267
+ <li class="flex items-center"><div class="w-2 h-2 bg-blue-500 rounded-full mr-2"></div> Triangular (Type B)</li>
268
+ <li class="flex items-center"><div class="w-2 h-2 bg-yellow-500 rounded-full mr-2"></div> Cigar-shaped (Type C)</li>
269
+ <li class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-2"></div> Spherical (Type D)</li>
270
+ </ul>
271
+ </div>
272
+ <div>
273
+ <h3 class="font-bold text-sm mb-2">TECHNOLOGY ASSESSMENT</h3>
274
+ <div class="space-y-2">
275
+ <div>
276
+ <span class="text-xs">PROPULSION SYSTEMS</span>
277
+ <div class="h-1 bg-gray-800 rounded-full">
278
+ <div class="h-1 bg-green-500 rounded-full" style="width: 15%"></div>
279
+ </div>
280
+ </div>
281
+ <div>
282
+ <span class="text-xs">MATERIAL COMPOSITION</span>
283
+ <div class="h-1 bg-gray-800 rounded-full">
284
+ <div class="h-1 bg-green-500 rounded-full" style="width: 32%"></div>
285
+ </div>
286
+ </div>
287
+ <div>
288
+ <span class="text-xs">ENERGY SYSTEMS</span>
289
+ <div class="h-1 bg-gray-800 rounded-full">
290
+ <div class="h-1 bg-green-500 rounded-full" style="width: 8%"></div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ <div class="mt-4">
297
+ <button id="show-craft-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center">
298
+ <i class="fas fa-eye mr-1"></i> VIEW CLASSIFIED IMAGERY
299
+ </button>
300
+ </div>
301
+ </div>
302
+ </div>
303
+
304
+ <!-- Right Column -->
305
+ <div class="space-y-6">
306
+ <!-- Biological Entities -->
307
+ <div class="border border-green-500 p-4 rounded-lg">
308
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
309
+ <h2 class="text-xl font-bold"><i class="fas fa-dna mr-2"></i> BIOLOGICAL ENTITIES</h2>
310
+ <span class="text-xs bg-purple-900 px-2 py-1 rounded">CONFIDENTIAL</span>
311
+ </div>
312
+ <div class="space-y-3">
313
+ <div>
314
+ <h3 class="font-bold text-sm mb-1">GREYS (TYPE 1)</h3>
315
+ <p class="text-xs">Most commonly reported. Approximately 3-4 feet tall, large heads and eyes. Possible genetic constructs.</p>
316
+ </div>
317
+ <div>
318
+ <h3 class="font-bold text-sm mb-1">TALL GREYS (TYPE 2)</h3>
319
+ <p class="text-xs">6-8 feet tall, more humanoid features. Possible leadership caste.</p>
320
+ </div>
321
+ <div>
322
+ <h3 class="font-bold text-sm mb-1">REPTILIAN</h3>
323
+ <p class="text-xs">Rare encounters. Controversial existence. Possible subterranean origin.</p>
324
+ </div>
325
+ <div>
326
+ <h3 class="font-bold text-sm mb-1">NORDICS</h3>
327
+ <p class="text-xs">Human-like appearance. Theories range from future humans to separate evolutionary path.</p>
328
+ </div>
329
+ </div>
330
+ <div class="mt-4">
331
+ <div class="text-xs bg-red-900 text-red-300 p-2 rounded">
332
+ <i class="fas fa-lock mr-1"></i> Further biological data requires LEVEL 9 clearance
333
+ </div>
334
+ </div>
335
+ </div>
336
+
337
+ <!-- Communication Logs -->
338
+ <div class="border border-green-500 p-4 rounded-lg">
339
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
340
+ <h2 class="text-xl font-bold"><i class="fas fa-satellite mr-2"></i> SIGNAL INTERCEPTS</h2>
341
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">DECRYPTING</span>
342
+ </div>
343
+ <div class="space-y-3">
344
+ <div class="bg-green-900 bg-opacity-30 p-2 rounded">
345
+ <div class="flex justify-between items-center text-xs mb-1">
346
+ <span>SOURCE: ZETA RETICULI</span>
347
+ <span>1947-06-24</span>
348
+ </div>
349
+ <p class="text-sm font-mono">...WARNING...MONITOR...HUMAN...DEVELOPMENT...</p>
350
+ </div>
351
+ <div class="bg-green-900 bg-opacity-30 p-2 rounded">
352
+ <div class="flex justify-between items-center text-xs mb-1">
353
+ <span>SOURCE: UNKNOWN</span>
354
+ <span>1989-11-11</span>
355
+ </div>
356
+ <p class="text-sm font-mono">...TIMELINE...DIVERGENCE...CRITICAL...PREPARE...</p>
357
+ </div>
358
+ <div class="bg-green-900 bg-opacity-30 p-2 rounded">
359
+ <div class="flex justify-between items-center text-xs mb-1">
360
+ <span>SOURCE: ORION</span>
361
+ <span>2001-09-10</span>
362
+ </div>
363
+ <p class="text-sm font-mono">...EVENT...IMMINENT...CONTROL...MAINTAIN...</p>
364
+ </div>
365
+ </div>
366
+ <div class="mt-3">
367
+ <button id="analyze-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center">
368
+ <i class="fas fa-brain mr-1"></i> RUN LINGUISTIC ANALYSIS
369
+ </button>
370
+ </div>
371
+ </div>
372
+
373
+ <!-- Clearance Upgrade -->
374
+ <div class="border border-green-500 p-4 rounded-lg">
375
+ <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
376
+ <h2 class="text-xl font-bold"><i class="fas fa-user-secret mr-2"></i> CLEARANCE UPGRADE</h2>
377
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">OPTIONAL</span>
378
+ </div>
379
+ <p class="text-sm mb-3">Request higher clearance level for additional project access.</p>
380
+ <div class="space-y-2 mb-3">
381
+ <div class="flex items-center">
382
+ <input type="radio" id="level-8" name="clearance" class="mr-2">
383
+ <label for="level-8" class="text-sm">LEVEL 8 (COSMIC)</label>
384
+ </div>
385
+ <div class="flex items-center">
386
+ <input type="radio" id="level-9" name="clearance" class="mr-2">
387
+ <label for="level-9" class="text-sm">LEVEL 9 (OMEGA)</label>
388
+ </div>
389
+ </div>
390
+ <button id="request-btn" class="w-full text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-2 rounded flex items-center justify-center">
391
+ <i class="fas fa-paper-plane mr-1"></i> SUBMIT REQUEST
392
+ </button>
393
+ <div id="request-feedback" class="text-xs mt-2 hidden"></div>
394
+ </div>
395
+ </div>
396
+ </div>
397
+
398
+ <!-- Craft Image Modal -->
399
+ <div id="craft-modal" class="fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center hidden">
400
+ <div class="relative max-w-3xl w-full bg-black border-2 border-green-500 p-6 rounded-lg">
401
+ <button id="close-modal" class="absolute top-4 right-4 text-green-500 hover:text-green-300 text-xl">
402
+ <i class="fas fa-times"></i>
403
+ </button>
404
+ <h3 class="text-xl font-bold mb-4">CLASSIFIED IMAGERY - TYPE A CRAFT</h3>
405
+ <div class="border border-green-500 p-2 mb-4">
406
+ <div class="bg-gray-900 h-64 md:h-96 flex items-center justify-center text-green-500">
407
+ <div class="text-center">
408
+ <i class="fas fa-ufo text-6xl mb-2"></i>
409
+ <p>IMAGE DECRYPTION IN PROGRESS...</p>
410
+ <div class="w-full bg-gray-800 h-2 mt-4">
411
+ <div id="decrypt-progress" class="bg-green-500 h-2" style="width: 0%"></div>
412
+ </div>
413
+ </div>
414
+ </div>
415
+ </div>
416
+ <p class="text-sm text-green-400">This image was recovered from the 1947 Roswell incident. Analysis suggests advanced propulsion technology beyond our current understanding of physics.</p>
417
+ </div>
418
+ </div>
419
+
420
+ <!-- Analysis Modal -->
421
+ <div id="analysis-modal" class="fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center hidden">
422
+ <div class="relative max-w-3xl w-full bg-black border-2 border-blue-500 p-6 rounded-lg">
423
+ <button id="close-analysis" class="absolute top-4 right-4 text-blue-500 hover:text-blue-300 text-xl">
424
+ <i class="fas fa-times"></i>
425
+ </button>
426
+ <h3 class="text-xl font-bold mb-4">LINGUISTIC ANALYSIS RESULTS</h3>
427
+ <div class="border border-blue-500 p-4 mb-4">
428
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
429
+ <div>
430
+ <div class="text-4xl font-bold text-blue-400">78%</div>
431
+ <div class="text-xs">NON-HUMAN ORIGIN</div>
432
+ </div>
433
+ <div>
434
+ <div class="text-4xl font-bold text-blue-400">63%</div>
435
+ <div class="text-xs">WARNING INTENT</div>
436
+ </div>
437
+ <div>
438
+ <div class="text-4xl font-bold text-blue-400">91%</div>
439
+ <div class="text-xs">TEMPORAL REFERENCE</div>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ <div class="bg-blue-900 bg-opacity-30 p-4 rounded mb-4">
444
+ <h4 class="font-bold text-sm mb-2">KEY FINDINGS:</h4>
445
+ <ul class="text-sm list-disc list-inside space-y-1">
446
+ <li>Messages contain repeating mathematical patterns suggesting advanced encryption</li>
447
+ <li>Language structure indicates non-linear time perception</li>
448
+ <li>Recurring references to "monitoring" and "intervention points"</li>
449
+ </ul>
450
+ </div>
451
+ <p class="text-sm text-blue-400">Further analysis requires quantum computing resources currently allocated to PROJECT SERPO.</p>
452
+ </div>
453
+ </div>
454
+
455
+ <!-- Footer -->
456
+ <footer class="border-t border-green-500 mt-8 pt-4 text-xs text-green-700">
457
+ <div class="flex flex-col md:flex-row justify-between items-center">
458
+ <div class="mb-2 md:mb-0">
459
+ <p>THIS TERMINAL WILL SELF-DESTRUCT AFTER 5 MINUTES OF INACTIVITY</p>
460
+ </div>
461
+ <div class="flex space-x-4">
462
+ <button id="lock-btn" class="hover:text-green-400 flex items-center">
463
+ <i class="fas fa-lock mr-1"></i> LOCK TERMINAL
464
+ </button>
465
+ <button id="wipe-btn" class="hover:text-red-400 flex items-center">
466
+ <i class="fas fa-eraser mr-1"></i> WIPE SESSION
467
+ </button>
468
+ </div>
469
+ </div>
470
+ <div class="mt-2 text-center">
471
+ <p>ALL RIGHTS RESERVED - DEEP STATE INTELLIGENCE NETWORK © 1947-<span id="current-year"></span></p>
472
+ </div>
473
+ </footer>
474
+ </div>
475
+
476
+ <script>
477
+ // Set current date and year
478
+ document.addEventListener('DOMContentLoaded', function() {
479
+ const now = new Date();
480
+ document.getElementById('current-date').textContent = now.toISOString().split('T')[0];
481
+ document.getElementById('current-year').textContent = now.getFullYear();
482
+ });
483
+
484
+ // Access control
485
+ const accessScreen = document.getElementById('access-screen');
486
+ const mainContent = document.getElementById('main-content');
487
+ const accessCode = document.getElementById('access-code');
488
+ const verifyBtn = document.getElementById('verify-btn');
489
+ const accessError = document.getElementById('access-error');
490
+ const lockBtn = document.getElementById('lock-btn');
491
+ const wipeBtn = document.getElementById('wipe-btn');
492
+
493
+ verifyBtn.addEventListener('click', function() {
494
+ if (accessCode.value === 'MAJESTIC12') {
495
+ accessScreen.classList.add('hidden');
496
+ mainContent.classList.remove('hidden');
497
+ } else {
498
+ accessError.classList.remove('hidden');
499
+ accessCode.value = '';
500
+ setTimeout(() => {
501
+ accessError.classList.add('hidden');
502
+ }, 3000);
503
+ }
504
+ });
505
+
506
+ lockBtn.addEventListener('click', function() {
507
+ mainContent.classList.add('hidden');
508
+ accessScreen.classList.remove('hidden');
509
+ accessCode.value = '';
510
+ });
511
+
512
+ wipeBtn.addEventListener('click', function() {
513
+ if (confirm('WARNING: This will completely wipe all session data. Continue?')) {
514
+ accessScreen.classList.remove('hidden');
515
+ mainContent.classList.add('hidden');
516
+ accessCode.value = '';
517
+ document.body.classList.add('animate-pulse');
518
+ setTimeout(() => {
519
+ document.body.classList.remove('animate-pulse');
520
+ }, 1000);
521
+ }
522
+ });
523
+
524
+ // Craft image modal
525
+ const showCraftBtn = document.getElementById('show-craft-btn');
526
+ const craftModal = document.getElementById('craft-modal');
527
+ const closeModal = document.getElementById('close-modal');
528
+ const decryptProgress = document.getElementById('decrypt-progress');
529
+
530
+ showCraftBtn.addEventListener('click', function() {
531
+ craftModal.classList.remove('hidden');
532
+ let progress = 0;
533
+ const interval = setInterval(() => {
534
+ progress += 5;
535
+ decryptProgress.style.width = progress + '%';
536
+ if (progress >= 100) {
537
+ clearInterval(interval);
538
+ }
539
+ }, 150);
540
+ });
541
+
542
+ closeModal.addEventListener('click', function() {
543
+ craftModal.classList.add('hidden');
544
+ decryptProgress.style.width = '0%';
545
+ });
546
+
547
+ // Analysis modal
548
+ const analyzeBtn = document.getElementById('analyze-btn');
549
+ const analysisModal = document.getElementById('analysis-modal');
550
+ const closeAnalysis = document.getElementById('close-analysis');
551
+
552
+ analyzeBtn.addEventListener('click', function() {
553
+ analysisModal.classList.remove('hidden');
554
+ });
555
+
556
+ closeAnalysis.addEventListener('click', function() {
557
+ analysisModal.classList.add('hidden');
558
+ });
559
+
560
+ // Clearance request
561
+ const requestBtn = document.getElementById('request-btn');
562
+ const requestFeedback = document.getElementById('request-feedback');
563
+
564
+ requestBtn.addEventListener('click', function() {
565
+ requestFeedback.textContent = "REQUEST DENIED: INSUFFICIENT AUTHORITY";
566
+ requestFeedback.classList.remove('hidden');
567
+ requestFeedback.classList.add('text-red-500');
568
+ setTimeout(() => {
569
+ requestFeedback.classList.add('hidden');
570
+ }, 3000);
571
+ });
572
+
573
+ // Refresh events
574
+ const refreshEvents = document.getElementById('refresh-events');
575
+ const eventsContainer = document.getElementById('events-container');
576
+
577
+ refreshEvents.addEventListener('click', function() {
578
+ eventsContainer.classList.add('opacity-50');
579
+ setTimeout(() => {
580
+ eventsContainer.classList.remove('opacity-50');
581
+ }, 800);
582
+ });
583
+
584
+ // Terminal-like behavior for access code input
585
+ accessCode.addEventListener('keydown', function(e) {
586
+ if (e.key === 'Enter') {
587
+ verifyBtn.click();
588
+ }
589
+ });
590
+ </script>
591
+ <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/omega" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
592
+ </html>