Hugging Face's logo

Spaces:
CommanderLazarus
/
destroyingindustries
Running

App Files Community
Commandande Ra Di Oh Sol Gratton commited on
Commit
65e241a
·
verified ·
1 Parent(s): ab39971

Find me a list of active deep bases occupied by American interests, here and abroad, including and starting with "Mount Shasta." - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +323 -17
index.html CHANGED
@@ -1,20 +1,326 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>My app</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <meta charset="utf-8">
7
  <script src="https://cdn.tailwindcss.com"></script>
8
- </head>
9
- <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
10
- <div class="w-full">
11
- <span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-amber-500/15 bg-amber-500/15 text-amber-500">🔥 New version dropped!</span>
12
- <h1 class="text-4xl lg:text-6xl font-bold font-sans">
13
- <span class="text-2xl lg:text-4xl text-gray-400 block font-medium">I'm ready to work,</span>
14
- Ask me anything.
15
- </h1>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  </div>
17
- <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
18
- <script></script>
19
- <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/destroyingindustries" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
20
- </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>Secure Intelligence Dashboard</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
+ .security-gradient {
11
+ background: linear-gradient(135deg, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%);
12
+ }
13
+ .map-container {
14
+ background-image: url('https://maps.googleapis.com/maps/api/staticmap?center=0,0&zoom=1&size=800x400&maptype=terrain&style=feature:all|element:labels|visibility:off');
15
+ background-size: cover;
16
+ background-position: center;
17
+ }
18
+ .blur-effect {
19
+ backdrop-filter: blur(8px);
20
+ }
21
+ .security-badge {
22
+ animation: pulse 2s infinite;
23
+ }
24
+ @keyframes pulse {
25
+ 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
26
+ 70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
27
+ 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
32
+ <!-- Security Header -->
33
+ <header class="security-gradient py-4 px-6 shadow-lg">
34
+ <div class="container mx-auto flex justify-between items-center">
35
+ <div class="flex items-center space-x-4">
36
+ <i class="fas fa-shield-alt text-2xl text-yellow-400"></i>
37
+ <h1 class="text-xl font-bold">DEEP SENTINEL INTELLIGENCE</h1>
38
+ </div>
39
+ <div class="flex items-center space-x-6">
40
+ <div class="relative group">
41
+ <button class="px-4 py-2 bg-red-700 rounded-lg flex items-center space-x-2 hover:bg-red-800 transition">
42
+ <i class="fas fa-user-secret"></i>
43
+ <span>Agent: [REDACTED]</span>
44
+ </button>
45
+ <div class="absolute right-0 mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10 hidden group-hover:block">
46
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700">Profile</a>
47
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a>
48
+ <a href="#" class="block px-4 py-2 hover:bg-gray-700">Logout</a>
49
+ </div>
50
+ </div>
51
+ <div class="security-badge bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold">
52
+ TOP SECRET//SCI
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </header>
57
+
58
+ <!-- Main Content -->
59
+ <main class="container mx-auto py-6 px-4">
60
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
61
+ <!-- Left Sidebar -->
62
+ <div class="lg:col-span-1 bg-gray-800 rounded-lg shadow-lg p-4">
63
+ <h2 class="text-lg font-bold mb-4 border-b border-gray-700 pb-2">
64
+ <i class="fas fa-filter mr-2"></i>Search Filters
65
+ </h2>
66
+
67
+ <div class="space-y-4">
68
+ <div>
69
+ <label class="block text-sm font-medium mb-1">Region</label>
70
+ <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2">
71
+ <option>All Regions</option>
72
+ <option>North America</option>
73
+ <option>Europe</option>
74
+ <option>Asia-Pacific</option>
75
+ <option>Middle East</option>
76
+ </select>
77
+ </div>
78
+
79
+ <div>
80
+ <label class="block text-sm font-medium mb-1">Facility Type</label>
81
+ <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2">
82
+ <option>All Types</option>
83
+ <option>Underground</option>
84
+ <option>Mountain</option>
85
+ <option>Underwater</option>
86
+ <option>Research</option>
87
+ </select>
88
+ </div>
89
+
90
+ <div>
91
+ <label class="block text-sm font-medium mb-1">Security Level</label>
92
+ <select class="w-full bg-gray-700 border border-gray-600 rounded-md p-2">
93
+ <option>All Levels</option>
94
+ <option>Top Secret</option>
95
+ <option>Secret</option>
96
+ <option>Confidential</option>
97
+ </select>
98
+ </div>
99
+
100
+ <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-md flex items-center justify-center">
101
+ <i class="fas fa-search mr-2"></i> Apply Filters
102
+ </button>
103
+ </div>
104
+
105
+ <div class="mt-6 pt-4 border-t border-gray-700">
106
+ <h3 class="text-sm font-bold mb-2">Quick Access</h3>
107
+ <div class="space-y-2">
108
+ <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center">
109
+ <i class="fas fa-map-marked-alt mr-2 text-yellow-400"></i>
110
+ Facility Map
111
+ </a>
112
+ <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center">
113
+ <i class="fas fa-chart-line mr-2 text-green-400"></i>
114
+ Activity Reports
115
+ </a>
116
+ <a href="#" class="block px-3 py-2 bg-gray-700 rounded-md hover:bg-gray-600 flex items-center">
117
+ <i class="fas fa-user-shield mr-2 text-red-400"></i>
118
+ Personnel Tracking
119
+ </a>
120
+ </div>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Main Content Area -->
125
+ <div class="lg:col-span-2 space-y-6">
126
+ <!-- Alert Banner -->
127
+ <div class="bg-red-900/50 border border-red-700 rounded-lg p-4 flex items-start">
128
+ <i class="fas fa-exclamation-triangle text-red-400 mt-1 mr-3"></i>
129
+ <div>
130
+ <h3 class="font-bold">SECURITY NOTICE</h3>
131
+ <p class="text-sm">This information is classified TOP SECRET//SCI. Unauthorized access or disclosure is prohibited by Executive Order 13526 and punishable by law (18 U.S.C. 793, 794, 798).</p>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Map Visualization -->
136
+ <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden">
137
+ <div class="map-container h-64 relative">
138
+ <div class="absolute inset-0 blur-effect bg-black/30 flex items-center justify-center">
139
+ <div class="text-center p-6 bg-black/70 rounded-lg">
140
+ <i class="fas fa-lock text-3xl mb-2 text-yellow-400"></i>
141
+ <p>Map visualization requires additional clearance</p>
142
+ <button class="mt-3 px-4 py-2 bg-blue-600 rounded-md text-sm hover:bg-blue-700">
143
+ Request Access
144
+ </button>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+
150
+ <!-- Facilities List -->
151
+ <div class="bg-gray-800 rounded-lg shadow-lg overflow-hidden">
152
+ <div class="p-4 border-b border-gray-700 flex justify-between items-center">
153
+ <h2 class="text-lg font-bold">
154
+ <i class="fas fa-mountain mr-2"></i>Deep Earth Facilities
155
+ </h2>
156
+ <span class="text-xs bg-gray-700 px-2 py-1 rounded">Showing 8 of ██</span>
157
+ </div>
158
+
159
+ <div class="divide-y divide-gray-700">
160
+ <!-- Facility Item 1 -->
161
+ <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition">
162
+ <div class="flex justify-between items-start">
163
+ <div>
164
+ <h3 class="font-bold text-yellow-400">Mount Shasta Complex</h3>
165
+ <p class="text-sm text-gray-400">Northern California, USA</p>
166
+ </div>
167
+ <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span>
168
+ </div>
169
+ <div class="mt-2 flex items-center text-sm">
170
+ <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span>
171
+ <span>Operational</span>
172
+ <span class="mx-2">•</span>
173
+ <span><i class="fas fa-users mr-1"></i> ███ Personnel</span>
174
+ <span class="mx-2">•</span>
175
+ <span><i class="fas fa-layer-group mr-1"></i> Level █</span>
176
+ </div>
177
+ <p class="mt-2 text-sm text-gray-300 line-clamp-2">
178
+ Primary deep-earth research facility with multiple subterranean levels. Specializing in [REDACTED] and [REDACTED]. Access restricted to Omega clearance.
179
+ </p>
180
+ </div>
181
+
182
+ <!-- Facility Item 2 -->
183
+ <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition">
184
+ <div class="flex justify-between items-start">
185
+ <div>
186
+ <h3 class="font-bold">[REDACTED] Mountain Facility</h3>
187
+ <p class="text-sm text-gray-400">Colorado, USA</p>
188
+ </div>
189
+ <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span>
190
+ </div>
191
+ <div class="mt-2 flex items-center text-sm">
192
+ <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span>
193
+ <span>Operational</span>
194
+ <span class="mx-2">•</span>
195
+ <span><i class="fas fa-users mr-1"></i> ███ Personnel</span>
196
+ </div>
197
+ <p class="mt-2 text-sm text-gray-300 line-clamp-2">
198
+ [DATA EXPUNGED] per Executive Order ██████. Last inspection: ██/██/2023.
199
+ </p>
200
+ </div>
201
+
202
+ <!-- Facility Item 3 -->
203
+ <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition">
204
+ <div class="flex justify-between items-start">
205
+ <div>
206
+ <h3 class="font-bold">Dulce Base</h3>
207
+ <p class="text-sm text-gray-400">New Mexico, USA</p>
208
+ </div>
209
+ <span class="text-xs bg-orange-800 px-2 py-1 rounded">CONFIDENTIAL</span>
210
+ </div>
211
+ <div class="mt-2 flex items-center text-sm">
212
+ <span class="inline-block w-3 h-3 rounded-full bg-yellow-500 mr-2"></span>
213
+ <span>Limited Operations</span>
214
+ <span class="mx-2">•</span>
215
+ <span><i class="fas fa-users mr-1"></i> ██ Personnel</span>
216
+ </div>
217
+ <p class="mt-2 text-sm text-gray-300 line-clamp-2">
218
+ Joint research facility with focus on [REDACTED]. Security upgrade in progress.
219
+ </p>
220
+ </div>
221
+
222
+ <!-- Facility Item 4 -->
223
+ <div class="p-4 hover:bg-gray-700/50 cursor-pointer transition">
224
+ <div class="flex justify-between items-start">
225
+ <div>
226
+ <h3 class="font-bold">[REDACTED] Undersea Station</h3>
227
+ <p class="text-sm text-gray-400">Pacific Ocean</p>
228
+ </div>
229
+ <span class="text-xs bg-red-900 px-2 py-1 rounded">TS//SCI</span>
230
+ </div>
231
+ <div class="mt-2 flex items-center text-sm">
232
+ <span class="inline-block w-3 h-3 rounded-full bg-green-500 mr-2"></span>
233
+ <span>Operational</span>
234
+ <span class="mx-2">•</span>
235
+ <span><i class="fas fa-users mr-1"></i> ██ Personnel</span>
236
+ </div>
237
+ <p class="mt-2 text-sm text-gray-300 line-clamp-2">
238
+ Deep-sea research and monitoring station. Last contact: ██/██/2023. Next resupply: ██/██/2023.
239
+ </p>
240
+ </div>
241
+ </div>
242
+
243
+ <div class="p-4 border-t border-gray-700 flex justify-between items-center">
244
+ <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600">
245
+ <i class="fas fa-chevron-left mr-2"></i> Previous
246
+ </button>
247
+ <span class="text-sm text-gray-400">Page 1 of █</span>
248
+ <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600">
249
+ Next <i class="fas fa-chevron-right ml-2"></i>
250
+ </button>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </main>
256
+
257
+ <!-- Footer -->
258
+ <footer class="bg-gray-800 border-t border-gray-700 py-4 px-6">
259
+ <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
260
+ <div class="flex items-center space-x-4 mb-4 md:mb-0">
261
+ <i class="fas fa-shield-alt text-xl text-yellow-400"></i>
262
+ <span class="text-sm">DEEP SENTINEL INTELLIGENCE NETWORK</span>
263
+ </div>
264
+ <div class="text-sm text-gray-400">
265
+ <span>Secure Session: ██████████</span>
266
+ <span class="mx-2">•</span>
267
+ <span>Last Updated: ██:██ UTC</span>
268
+ <span class="mx-2">•</span>
269
+ <span>System Status: <span class="text-green-400">Secure</span></span>
270
+ </div>
271
+ </div>
272
+ </footer>
273
+
274
+ <!-- Access Modal (hidden by default) -->
275
+ <div class="fixed inset-0 bg-black/80 flex items-center justify-center z-50 hidden" id="accessModal">
276
+ <div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-md p-6">
277
+ <div class="flex justify-between items-start mb-4">
278
+ <h3 class="text-xl font-bold">Access Verification Required</h3>
279
+ <button class="text-gray-400 hover:text-white" onclick="document.getElementById('accessModal').classList.add('hidden')">
280
+ <i class="fas fa-times"></i>
281
+ </button>
282
+ </div>
283
+ <p class="mb-6 text-gray-300">
284
+ To view this information, you must verify your identity using your biometric signature.
285
+ </p>
286
+ <div class="bg-gray-700 rounded-lg p-4 mb-6 text-center">
287
+ <i class="fas fa-fingerprint text-4xl text-yellow-400 mb-3"></i>
288
+ <p>Place your finger on the scanner</p>
289
+ <div class="mt-4 h-1 bg-gray-600 rounded-full overflow-hidden">
290
+ <div class="h-full bg-blue-500 animate-pulse" style="width: 30%"></div>
291
+ </div>
292
+ </div>
293
+ <div class="flex justify-end space-x-3">
294
+ <button class="px-4 py-2 bg-gray-700 rounded-md hover:bg-gray-600">
295
+ Cancel
296
+ </button>
297
+ <button class="px-4 py-2 bg-blue-600 rounded-md hover:bg-blue-700">
298
+ Verify
299
+ </button>
300
+ </div>
301
+ </div>
302
  </div>
303
+
304
+ <script>
305
+ // Simple script to demonstrate interactivity
306
+ document.addEventListener('DOMContentLoaded', function() {
307
+ // Simulate clicking on a facility would require access verification
308
+ const facilityItems = document.querySelectorAll('.divide-y > div');
309
+ facilityItems.forEach(item => {
310
+ item.addEventListener('click', function() {
311
+ document.getElementById('accessModal').classList.remove('hidden');
312
+ });
313
+ });
314
+
315
+ // Simulate a loading state for the fingerprint scanner
316
+ const fingerprintScan = document.querySelector('.animate-pulse');
317
+ setInterval(() => {
318
+ const currentWidth = parseInt(fingerprintScan.style.width);
319
+ if(currentWidth < 100) {
320
+ fingerprintScan.style.width = (currentWidth + 10) + '%';
321
+ }
322
+ }, 800);
323
+ });
324
+ </script>
325
+ <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/destroyingindustries" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
326
+ </html>