Hugging Face's logo

Spaces:
Gaston666
/
deepsite
Running

App Files Community
Gaston666 commited on
Commit
79ebcb2
·
verified ·
1 Parent(s): c19eb5b

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +433 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Deepsite
3
- emoji: 📉
4
- colorFrom: green
5
- colorTo: red
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: deepsite
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: purple
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,433 @@
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>BlackOps Secure Comms</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
+ .bg-camo {
11
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzPgogICAgPHBhdHRlcm4gaWQ9InBhdHRlcm4iIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+CiAgICAgIDxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzFhMWIxZSIvPgogICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiMyMzI4MmUiLz4KICAgICAgPHJlY3QgeD0iMjAiIHk9IjIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiMyMzI4MmUiLz4KICAgIDwvcGF0dGVybj4KICA8L2RlZnM+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPgo8L3N2Zz4=');
12
+ }
13
+ .encryption-animation {
14
+ animation: pulse 2s infinite;
15
+ }
16
+ @keyframes pulse {
17
+ 0% { opacity: 0.7; }
18
+ 50% { opacity: 1; }
19
+ 100% { opacity: 0.7; }
20
+ }
21
+ .message-bubble {
22
+ position: relative;
23
+ }
24
+ .message-bubble:after {
25
+ content: '';
26
+ position: absolute;
27
+ bottom: 0;
28
+ width: 0;
29
+ height: 0;
30
+ border: 10px solid transparent;
31
+ }
32
+ .received:after {
33
+ left: -10px;
34
+ border-right-color: #1e293b;
35
+ border-left: 0;
36
+ }
37
+ .sent:after {
38
+ right: -10px;
39
+ border-left-color: #3b82f6;
40
+ border-right: 0;
41
+ }
42
+ .burn-after-reading {
43
+ background: linear-gradient(45deg, #ef4444, #f59e0b);
44
+ }
45
+ </style>
46
+ </head>
47
+ <body class="bg-camo text-gray-100 min-h-screen flex flex-col">
48
+ <!-- Security Status Bar -->
49
+ <div class="bg-black bg-opacity-80 py-2 px-4 flex justify-between items-center border-b border-gray-800">
50
+ <div class="flex items-center space-x-2">
51
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
52
+ <span class="text-xs font-mono">SECURE CONNECTION</span>
53
+ </div>
54
+ <div class="flex items-center space-x-4">
55
+ <div class="flex items-center space-x-1">
56
+ <i class="fas fa-shield-alt text-green-500"></i>
57
+ <span class="text-xs">E2E ENCRYPTED</span>
58
+ </div>
59
+ <div class="flex items-center space-x-1">
60
+ <i class="fas fa-link-slash text-yellow-500"></i>
61
+ <span class="text-xs">NO TRACKING</span>
62
+ </div>
63
+ <div class="flex items-center space-x-1">
64
+ <i class="fab fa-ethereum text-purple-500"></i>
65
+ <span class="text-xs">BLOCKCHAIN</span>
66
+ </div>
67
+ </div>
68
+ </div>
69
+
70
+ <!-- Main App Container -->
71
+ <div class="flex flex-1 overflow-hidden">
72
+ <!-- Sidebar -->
73
+ <div class="w-16 md:w-64 bg-black bg-opacity-70 border-r border-gray-800 flex flex-col">
74
+ <!-- App Logo -->
75
+ <div class="p-4 border-b border-gray-800 flex items-center justify-center md:justify-start">
76
+ <i class="fas fa-user-secret text-2xl text-blue-500"></i>
77
+ <span class="hidden md:block ml-2 font-bold text-blue-400">BLACKOPS</span>
78
+ </div>
79
+
80
+ <!-- Navigation -->
81
+ <nav class="flex-1 py-4">
82
+ <div class="space-y-1">
83
+ <a href="#" class="flex items-center px-4 py-2 text-blue-400 bg-gray-900 bg-opacity-50">
84
+ <i class="fas fa-comment-alt text-lg w-6"></i>
85
+ <span class="hidden md:block ml-3">Messages</span>
86
+ </a>
87
+ <a href="#" class="flex items-center px-4 py-2 text-gray-400 hover:text-white">
88
+ <i class="fas fa-user-friends text-lg w-6"></i>
89
+ <span class="hidden md:block ml-3">Contacts</span>
90
+ </a>
91
+ <a href="#" class="flex items-center px-4 py-2 text-gray-400 hover:text-white">
92
+ <i class="fas fa-file-upload text-lg w-6"></i>
93
+ <span class="hidden md:block ml-3">Secure Files</span>
94
+ </a>
95
+ <a href="#" class="flex items-center px-4 py-2 text-gray-400 hover:text-white">
96
+ <i class="fas fa-video text-lg w-6"></i>
97
+ <span class="hidden md:block ml-3">Video Calls</span>
98
+ </a>
99
+ <a href="#" class="flex items-center px-4 py-2 text-gray-400 hover:text-white">
100
+ <i class="fas fa-link text-lg w-6"></i>
101
+ <span class="hidden md:block ml-3">Onion Routing</span>
102
+ </a>
103
+ </div>
104
+ </nav>
105
+
106
+ <!-- User Profile -->
107
+ <div class="p-4 border-t border-gray-800 flex items-center">
108
+ <div class="relative">
109
+ <img src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=Military" class="w-8 h-8 rounded-full" alt="Profile">
110
+ <div class="absolute bottom-0 right-0 w-2 h-2 bg-green-500 rounded-full border border-gray-900"></div>
111
+ </div>
112
+ <div class="hidden md:block ml-3">
113
+ <div class="text-sm font-medium">Agent-007</div>
114
+ <div class="text-xs text-gray-400">Online</div>
115
+ </div>
116
+ <button class="hidden md:block ml-auto text-gray-400 hover:text-white">
117
+ <i class="fas fa-cog"></i>
118
+ </button>
119
+ </div>
120
+ </div>
121
+
122
+ <!-- Chat Area -->
123
+ <div class="flex-1 flex flex-col">
124
+ <!-- Chat Header -->
125
+ <div class="bg-black bg-opacity-70 p-4 border-b border-gray-800 flex items-center justify-between">
126
+ <div class="flex items-center">
127
+ <img src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=Delta" class="w-10 h-10 rounded-full" alt="Contact">
128
+ <div class="ml-3">
129
+ <div class="font-medium">Delta Team</div>
130
+ <div class="text-xs text-gray-400 flex items-center">
131
+ <span>Secure Connection</span>
132
+ <span class="mx-2">•</span>
133
+ <i class="fas fa-lock text-green-500"></i>
134
+ <span class="ml-1">Encrypted</span>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ <div class="flex items-center space-x-4">
139
+ <button class="text-gray-400 hover:text-white">
140
+ <i class="fas fa-phone-alt"></i>
141
+ </button>
142
+ <button class="text-gray-400 hover:text-white">
143
+ <i class="fas fa-video"></i>
144
+ </button>
145
+ <button class="text-gray-400 hover:text-white">
146
+ <i class="fas fa-ellipsis-v"></i>
147
+ </button>
148
+ </div>
149
+ </div>
150
+
151
+ <!-- Messages -->
152
+ <div class="flex-1 overflow-y-auto p-4 space-y-4">
153
+ <!-- Date Divider -->
154
+ <div class="flex items-center justify-center">
155
+ <div class="text-xs text-gray-500 bg-gray-900 px-2 py-1 rounded">Today, 14:30</div>
156
+ </div>
157
+
158
+ <!-- Received Message -->
159
+ <div class="flex items-start">
160
+ <img src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=Delta" class="w-8 h-8 rounded-full mt-1" alt="Sender">
161
+ <div class="ml-3 max-w-xs md:max-w-md">
162
+ <div class="bg-slate-800 text-white px-4 py-2 rounded-lg message-bubble received">
163
+ <div class="flex justify-between items-center mb-1">
164
+ <span class="text-xs text-blue-300">Delta-1</span>
165
+ <span class="text-xs text-gray-400">14:31</span>
166
+ </div>
167
+ <p>Team, we have confirmation on the target location. Proceeding with phase 2.</p>
168
+ </div>
169
+ <div class="text-xs text-gray-500 mt-1 flex items-center">
170
+ <i class="fas fa-lock mr-1"></i>
171
+ <span>End-to-end encrypted</span>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- Sent Message -->
177
+ <div class="flex items-start justify-end">
178
+ <div class="max-w-xs md:max-w-md">
179
+ <div class="bg-blue-600 text-white px-4 py-2 rounded-lg message-bubble sent">
180
+ <div class="flex justify-between items-center mb-1">
181
+ <span class="text-xs text-blue-200">You</span>
182
+ <span class="text-xs text-blue-100">14:32</span>
183
+ </div>
184
+ <p>Received. Sending reinforcements to your position. ETA 15 minutes.</p>
185
+ </div>
186
+ <div class="text-xs text-gray-500 mt-1 flex items-center justify-end">
187
+ <i class="fas fa-lock mr-1"></i>
188
+ <span>End-to-end encrypted</span>
189
+ </div>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Encrypted File Message -->
194
+ <div class="flex items-start">
195
+ <img src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=Delta" class="w-8 h-8 rounded-full mt-1" alt="Sender">
196
+ <div class="ml-3 max-w-xs md:max-w-md">
197
+ <div class="bg-slate-800 text-white px-4 py-2 rounded-lg message-bubble received">
198
+ <div class="flex justify-between items-center mb-1">
199
+ <span class="text-xs text-blue-300">Delta-2</span>
200
+ <span class="text-xs text-gray-400">14:33</span>
201
+ </div>
202
+ <div class="border border-gray-700 rounded p-3 bg-gray-900">
203
+ <div class="flex items-center">
204
+ <i class="fas fa-file-image text-2xl text-blue-400 mr-3"></i>
205
+ <div>
206
+ <div class="font-medium">target_photo.jpg</div>
207
+ <div class="text-xs text-gray-400">2.4 MB • Encrypted</div>
208
+ </div>
209
+ </div>
210
+ <div class="mt-3 flex justify-between items-center">
211
+ <button class="text-xs bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded">
212
+ <i class="fas fa-download mr-1"></i> Decrypt & Download
213
+ </button>
214
+ <span class="text-xs text-gray-400">Expires in 24h</span>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ </div>
220
+
221
+ <!-- Burn After Reading Message -->
222
+ <div class="flex items-start justify-end">
223
+ <div class="max-w-xs md:max-w-md">
224
+ <div class="burn-after-reading text-white px-4 py-2 rounded-lg message-bubble sent">
225
+ <div class="flex justify-between items-center mb-1">
226
+ <span class="text-xs text-yellow-200">You</span>
227
+ <span class="text-xs text-yellow-100">14:35</span>
228
+ </div>
229
+ <div class="flex items-center">
230
+ <i class="fas fa-fire mr-2"></i>
231
+ <p>This message will self-destruct after being read.</p>
232
+ </div>
233
+ <div class="mt-2 text-xs text-yellow-100 italic">
234
+ <i class="fas fa-eye-slash mr-1"></i> Not viewed yet
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </div>
240
+
241
+ <!-- Message Input -->
242
+ <div class="bg-black bg-opacity-70 p-4 border-t border-gray-800">
243
+ <!-- Encryption Status -->
244
+ <div class="flex items-center justify-between mb-3">
245
+ <div class="flex items-center space-x-2">
246
+ <div class="w-2 h-2 rounded-full bg-green-500 encryption-animation"></div>
247
+ <span class="text-xs font-mono">MESSAGE ENCRYPTION ACTIVE</span>
248
+ </div>
249
+ <div class="flex items-center space-x-3">
250
+ <button class="text-gray-400 hover:text-blue-400 text-sm">
251
+ <i class="fas fa-paperclip"></i>
252
+ </button>
253
+ <button class="text-gray-400 hover:text-blue-400 text-sm">
254
+ <i class="fas fa-camera"></i>
255
+ </button>
256
+ <button class="text-gray-400 hover:text-blue-400 text-sm">
257
+ <i class="fas fa-fire"></i>
258
+ </button>
259
+ </div>
260
+ </div>
261
+
262
+ <!-- Input Area -->
263
+ <div class="flex items-center">
264
+ <input type="text" placeholder="Type a secure message..."
265
+ class="flex-1 bg-gray-900 border border-gray-700 rounded-l-lg px-4 py-3 text-white focus:outline-none focus:border-blue-500">
266
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-3 rounded-r-lg text-white">
267
+ <i class="fas fa-paper-plane"></i>
268
+ </button>
269
+ </div>
270
+
271
+ <!-- Blockchain Options -->
272
+ <div class="mt-3 flex items-center justify-between">
273
+ <div class="flex items-center space-x-2">
274
+ <input type="checkbox" id="blockchain" class="rounded text-blue-600">
275
+ <label for="blockchain" class="text-xs text-gray-400">Store on Blockchain</label>
276
+ </div>
277
+ <div class="flex items-center space-x-2">
278
+ <i class="fas fa-ethereum text-purple-400"></i>
279
+ <span class="text-xs text-gray-400">Network: Polygon</span>
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </div>
284
+ </div>
285
+
286
+ <!-- Security Modal -->
287
+ <div class="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50 hidden" id="securityModal">
288
+ <div class="bg-gray-900 border border-gray-800 rounded-lg max-w-md w-full p-6">
289
+ <div class="flex justify-between items-center mb-4">
290
+ <h3 class="text-xl font-bold text-blue-400">
291
+ <i class="fas fa-shield-alt mr-2"></i> Security Verification
292
+ </h3>
293
+ <button onclick="document.getElementById('securityModal').classList.add('hidden')" class="text-gray-400 hover:text-white">
294
+ <i class="fas fa-times"></i>
295
+ </button>
296
+ </div>
297
+
298
+ <div class="space-y-4">
299
+ <div class="p-4 bg-gray-800 rounded-lg">
300
+ <div class="flex items-center space-x-3">
301
+ <div class="text-green-500">
302
+ <i class="fas fa-check-circle text-2xl"></i>
303
+ </div>
304
+ <div>
305
+ <h4 class="font-medium">End-to-End Encryption</h4>
306
+ <p class="text-sm text-gray-400">Messages are encrypted with AES-256 and RSA-4096</p>
307
+ </div>
308
+ </div>
309
+ </div>
310
+
311
+ <div class="p-4 bg-gray-800 rounded-lg">
312
+ <div class="flex items-center space-x-3">
313
+ <div class="text-green-500">
314
+ <i class="fas fa-check-circle text-2xl"></i>
315
+ </div>
316
+ <div>
317
+ <h4 class="font-medium">Blockchain Storage</h4>
318
+ <p class="text-sm text-gray-400">Message metadata stored on decentralized ledger</p>
319
+ </div>
320
+ </div>
321
+ </div>
322
+
323
+ <div class="p-4 bg-gray-800 rounded-lg">
324
+ <div class="flex items-center space-x-3">
325
+ <div class="text-green-500">
326
+ <i class="fas fa-check-circle text-2xl"></i>
327
+ </div>
328
+ <div>
329
+ <h4 class="font-medium">No IP Logging</h4>
330
+ <p class="text-sm text-gray-400">Your real IP address is masked through Tor network</p>
331
+ </div>
332
+ </div>
333
+ </div>
334
+
335
+ <div class="p-4 bg-gray-800 rounded-lg">
336
+ <div class="flex items-center space-x-3">
337
+ <div class="text-green-500">
338
+ <i class="fas fa-check-circle text-2xl"></i>
339
+ </div>
340
+ <div>
341
+ <h4 class="font-medium">Forward Secrecy</h4>
342
+ <p class="text-sm text-gray-400">Encryption keys change with every message</p>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+
348
+ <div class="mt-6 flex justify-center">
349
+ <button onclick="document.getElementById('securityModal').classList.add('hidden')" class="bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded-lg text-white">
350
+ Confirm Security
351
+ </button>
352
+ </div>
353
+ </div>
354
+ </div>
355
+
356
+ <script>
357
+ // Show security modal on load
358
+ document.addEventListener('DOMContentLoaded', function() {
359
+ setTimeout(() => {
360
+ document.getElementById('securityModal').classList.remove('hidden');
361
+ }, 1000);
362
+
363
+ // Simulate message sending
364
+ document.querySelector('button.fa-paper-plane').closest('button').addEventListener('click', function() {
365
+ const input = document.querySelector('input[type="text"]');
366
+ if (input.value.trim() !== '') {
367
+ const messagesContainer = document.querySelector('.overflow-y-auto');
368
+
369
+ // Create new message element
370
+ const newMessage = document.createElement('div');
371
+ newMessage.className = 'flex items-start justify-end';
372
+ newMessage.innerHTML = `
373
+ <div class="max-w-xs md:max-w-md">
374
+ <div class="bg-blue-600 text-white px-4 py-2 rounded-lg message-bubble sent">
375
+ <div class="flex justify-between items-center mb-1">
376
+ <span class="text-xs text-blue-200">You</span>
377
+ <span class="text-xs text-blue-100">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>
378
+ </div>
379
+ <p>${input.value}</p>
380
+ </div>
381
+ <div class="text-xs text-gray-500 mt-1 flex items-center justify-end">
382
+ <i class="fas fa-lock mr-1"></i>
383
+ <span>End-to-end encrypted</span>
384
+ </div>
385
+ </div>
386
+ `;
387
+
388
+ messagesContainer.appendChild(newMessage);
389
+ input.value = '';
390
+
391
+ // Scroll to bottom
392
+ messagesContainer.scrollTop = messagesContainer.scrollHeight;
393
+
394
+ // Simulate reply after 1-3 seconds
395
+ setTimeout(() => {
396
+ const replyMessages = [
397
+ "Message received and understood.",
398
+ "Affirmative, proceeding as instructed.",
399
+ "Standby for confirmation.",
400
+ "Negative, we have unexpected resistance.",
401
+ "Roger that, awaiting further orders."
402
+ ];
403
+
404
+ const randomReply = replyMessages[Math.floor(Math.random() * replyMessages.length)];
405
+
406
+ const replyMessage = document.createElement('div');
407
+ replyMessage.className = 'flex items-start';
408
+ replyMessage.innerHTML = `
409
+ <img src="https://api.dicebear.com/7.x/bottts-neutral/svg?seed=Delta" class="w-8 h-8 rounded-full mt-1" alt="Sender">
410
+ <div class="ml-3 max-w-xs md:max-w-md">
411
+ <div class="bg-slate-800 text-white px-4 py-2 rounded-lg message-bubble received">
412
+ <div class="flex justify-between items-center mb-1">
413
+ <span class="text-xs text-blue-300">Delta-${Math.floor(Math.random() * 5) + 1}</span>
414
+ <span class="text-xs text-gray-400">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}</span>
415
+ </div>
416
+ <p>${randomReply}</p>
417
+ </div>
418
+ <div class="text-xs text-gray-500 mt-1 flex items-center">
419
+ <i class="fas fa-lock mr-1"></i>
420
+ <span>End-to-end encrypted</span>
421
+ </div>
422
+ </div>
423
+ `;
424
+
425
+ messagesContainer.appendChild(replyMessage);
426
+ messagesContainer.scrollTop = messagesContainer.scrollHeight;
427
+ }, 1000 + Math.random() * 2000);
428
+ }
429
+ });
430
+ });
431
+ </script>
432
+ <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=Gaston666/deepsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
433
+ </html>