Hugging Face's logo

Spaces:
docto41
/
nexusvpn
Running

App Files Community
docto41 commited on
Commit
26934b2
·
verified ·
1 Parent(s): a686be1

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +439 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Nexusvpn
3
- emoji: 📈
4
- colorFrom: green
5
- colorTo: indigo
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: nexusvpn
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: red
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,439 @@
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="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NexusVPN - VPN Intelligent Automatique</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
+ <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
10
+ <style>
11
+ @keyframes pulse {
12
+ 0%, 100% { opacity: 1; }
13
+ 50% { opacity: 0.5; }
14
+ }
15
+ .pulse-animation {
16
+ animation: pulse 2s infinite;
17
+ }
18
+ .server-node {
19
+ transition: all 0.3s ease;
20
+ }
21
+ .server-node:hover {
22
+ transform: scale(1.05);
23
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
24
+ }
25
+ .glow-effect {
26
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
27
+ }
28
+ .progress-bar {
29
+ transition: width 0.5s ease;
30
+ }
31
+ .map-container {
32
+ perspective: 1000px;
33
+ }
34
+ .map-globe {
35
+ transform-style: preserve-3d;
36
+ animation: rotate 30s infinite linear;
37
+ }
38
+ @keyframes rotate {
39
+ from { transform: rotateY(0deg); }
40
+ to { transform: rotateY(360deg); }
41
+ }
42
+ #qrcode img {
43
+ width: 100%;
44
+ height: auto;
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="bg-gray-900 text-white min-h-screen">
49
+ <div class="container mx-auto px-4 py-8">
50
+ <!-- Header -->
51
+ <header class="flex justify-between items-center mb-12">
52
+ <div class="flex items-center space-x-2">
53
+ <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center">
54
+ <i class="fas fa-shield-alt text-xl"></i>
55
+ </div>
56
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">NexusVPN</h1>
57
+ </div>
58
+ <div class="flex items-center space-x-4">
59
+ <div class="hidden md:flex items-center space-x-2 bg-gray-800 px-4 py-2 rounded-full">
60
+ <div class="w-2 h-2 bg-green-500 rounded-full pulse-animation"></div>
61
+ <span class="text-sm">500 IA actives</span>
62
+ </div>
63
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-full text-sm font-medium transition">
64
+ <i class="fas fa-user mr-2"></i>Mon compte
65
+ </button>
66
+ </div>
67
+ </header>
68
+
69
+ <!-- Main Dashboard -->
70
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
71
+ <!-- VPN Control Panel -->
72
+ <div class="lg:col-span-2 bg-gray-800 rounded-2xl p-6 shadow-xl">
73
+ <div class="flex justify-between items-center mb-6">
74
+ <h2 class="text-xl font-bold">Contrôle du VPN Intelligent</h2>
75
+ <div class="flex items-center space-x-2">
76
+ <span class="text-sm text-gray-400">Serveur actuel:</span>
77
+ <span class="font-medium" id="current-server">Sélection automatique (IA)</span>
78
+ </div>
79
+ </div>
80
+
81
+ <div class="flex flex-col md:flex-row items-center justify-between mb-8">
82
+ <div class="relative w-full md:w-auto mb-4 md:mb-0">
83
+ <div id="vpn-toggle" class="relative inline-block w-20 h-10 rounded-full bg-gray-700 cursor-pointer transition-colors duration-300">
84
+ <div class="absolute left-1 top-1 w-8 h-8 bg-white rounded-full transition-transform duration-300"></div>
85
+ </div>
86
+ <span id="vpn-status" class="ml-3 font-medium">Désactivé</span>
87
+ </div>
88
+
89
+ <div class="w-full md:w-auto bg-gray-700 rounded-full px-4 py-2 flex items-center">
90
+ <i class="fas fa-robot text-blue-400 mr-2"></i>
91
+ <span class="text-sm mr-2">Mode IA:</span>
92
+ <span class="font-medium" id="ia-mode">Actif</span>
93
+ </div>
94
+
95
+ <div class="w-full md:w-auto bg-gray-700 rounded-full px-4 py-2 flex items-center mt-4 md:mt-0">
96
+ <i class="fas fa-clock text-purple-400 mr-2"></i>
97
+ <span class="text-sm mr-2">Prochain changement:</span>
98
+ <span class="font-medium" id="next-change">9:32</span>
99
+ </div>
100
+ </div>
101
+
102
+ <div class="bg-gray-900 rounded-xl p-6 mb-6">
103
+ <div class="flex justify-between items-center mb-4">
104
+ <h3 class="font-medium">Optimisation en temps réel</h3>
105
+ <div class="text-sm text-gray-400">Powered by NexusAI</div>
106
+ </div>
107
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
108
+ <div class="bg-gray-800 rounded-lg p-4 text-center">
109
+ <div class="text-blue-400 mb-1"><i class="fas fa-bolt"></i></div>
110
+ <div class="text-sm text-gray-400 mb-1">Latence</div>
111
+ <div class="font-bold" id="latency">23ms</div>
112
+ </div>
113
+ <div class="bg-gray-800 rounded-lg p-4 text-center">
114
+ <div class="text-green-400 mb-1"><i class="fas fa-cloud-download-alt"></i></div>
115
+ <div class="text-sm text-gray-400 mb-1">Download</div>
116
+ <div class="font-bold" id="download">87 Mbps</div>
117
+ </div>
118
+ <div class="bg-gray-800 rounded-lg p-4 text-center">
119
+ <div class="text-purple-400 mb-1"><i class="fas fa-cloud-upload-alt"></i></div>
120
+ <div class="text-sm text-gray-400 mb-1">Upload</div>
121
+ <div class="font-bold" id="upload">45 Mbps</div>
122
+ </div>
123
+ <div class="bg-gray-800 rounded-lg p-4 text-center">
124
+ <div class="text-yellow-400 mb-1"><i class="fas fa-shield-alt"></i></div>
125
+ <div class="text-sm text-gray-400 mb-1">Sécurité</div>
126
+ <div class="font-bold" id="security">99%</div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+
131
+ <div class="bg-gray-900 rounded-xl p-6">
132
+ <h3 class="font-medium mb-4">Carte des serveurs globaux</h3>
133
+ <div class="map-container relative h-64 bg-gray-800 rounded-lg overflow-hidden">
134
+ <div class="map-globe absolute inset-0 bg-[url('https://upload.wikimedia.org/wikipedia/commons/e/ea/World_map_%28Miller_cylindrical_projection%2C_blank%29.svg')] bg-cover bg-center">
135
+ <!-- Server locations will be added here -->
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Server Selection & QR Code -->
142
+ <div class="bg-gray-800 rounded-2xl p-6 shadow-xl">
143
+ <h2 class="text-xl font-bold mb-6">Télécharger l'application</h2>
144
+
145
+ <div class="bg-gray-900 rounded-xl p-4 mb-6 flex flex-col items-center">
146
+ <div id="qrcode" class="w-48 h-48 mb-4 bg-white p-2 rounded-lg flex items-center justify-center"></div>
147
+ <p class="text-sm text-center text-gray-400 mb-4">Scannez ce QR code pour installer NexusVPN sur votre mobile</p>
148
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-full text-sm font-medium transition flex items-center">
149
+ <i class="fas fa-download mr-2"></i>Télécharger l'APK
150
+ </button>
151
+ </div>
152
+
153
+ <div class="bg-gray-900 rounded-xl p-4">
154
+ <h3 class="font-medium mb-4 flex items-center">
155
+ <i class="fas fa-server mr-2 text-blue-400"></i> Sélection de serveur
156
+ </h3>
157
+ <div class="space-y-3">
158
+ <div class="flex items-center justify-between bg-gray-800 hover:bg-gray-700 px-4 py-3 rounded-lg cursor-pointer server-node glow-effect">
159
+ <div class="flex items-center">
160
+ <div class="w-3 h-3 bg-green-500 rounded-full mr-3"></div>
161
+ <div>
162
+ <div class="font-medium">Automatique (IA)</div>
163
+ <div class="text-xs text-gray-400">500 serveurs disponibles</div>
164
+ </div>
165
+ </div>
166
+ <i class="fas fa-check-circle text-blue-400"></i>
167
+ </div>
168
+ <div class="flex items-center justify-between bg-gray-800 hover:bg-gray-700 px-4 py-3 rounded-lg cursor-pointer server-node">
169
+ <div class="flex items-center">
170
+ <div class="w-3 h-3 bg-green-500 rounded-full mr-3"></div>
171
+ <div>
172
+ <div class="font-medium">États-Unis</div>
173
+ <div class="text-xs text-gray-400">New York • 28ms</div>
174
+ </div>
175
+ </div>
176
+ <i class="fas fa-chevron-right text-gray-400"></i>
177
+ </div>
178
+ <div class="flex items-center justify-between bg-gray-800 hover:bg-gray-700 px-4 py-3 rounded-lg cursor-pointer server-node">
179
+ <div class="flex items-center">
180
+ <div class="w-3 h-3 bg-yellow-500 rounded-full mr-3"></div>
181
+ <div>
182
+ <div class="font-medium">Japon</div>
183
+ <div class="text-xs text-gray-400">Tokyo • 142ms</div>
184
+ </div>
185
+ </div>
186
+ <i class="fas fa-chevron-right text-gray-400"></i>
187
+ </div>
188
+ <div class="flex items-center justify-between bg-gray-800 hover:bg-gray-700 px-4 py-3 rounded-lg cursor-pointer server-node">
189
+ <div class="flex items-center">
190
+ <div class="w-3 h-3 bg-green-500 rounded-full mr-3"></div>
191
+ <div>
192
+ <div class="font-medium">Allemagne</div>
193
+ <div class="text-xs text-gray-400">Francfort • 38ms</div>
194
+ </div>
195
+ </div>
196
+ <i class="fas fa-chevron-right text-gray-400"></i>
197
+ </div>
198
+ </div>
199
+ <button class="mt-4 w-full bg-gray-700 hover:bg-gray-600 px-4 py-2 rounded-lg text-sm font-medium transition flex items-center justify-center">
200
+ <i class="fas fa-plus mr-2"></i>Voir tous les serveurs (287)
201
+ </button>
202
+ </div>
203
+ </div>
204
+ </div>
205
+
206
+ <!-- Features Section -->
207
+ <div class="bg-gray-800 rounded-2xl p-6 shadow-xl mb-12">
208
+ <h2 class="text-xl font-bold mb-6">Fonctionnalités avancées</h2>
209
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
210
+ <div class="bg-gray-900 rounded-xl p-6">
211
+ <div class="w-12 h-12 bg-blue-900 rounded-lg flex items-center justify-center mb-4">
212
+ <i class="fas fa-brain text-blue-400 text-xl"></i>
213
+ </div>
214
+ <h3 class="font-bold mb-2">Réseau neuronal IA</h3>
215
+ <p class="text-gray-400 text-sm">Notre réseau de 500 IA analyse en permanence les performances et la sécurité pour optimiser automatiquement votre connexion.</p>
216
+ </div>
217
+ <div class="bg-gray-900 rounded-xl p-6">
218
+ <div class="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
219
+ <i class="fas fa-sync-alt text-purple-400 text-xl"></i>
220
+ </div>
221
+ <h3 class="font-bold mb-2">Rotation automatique</h3>
222
+ <p class="text-gray-400 text-sm">Les serveurs changent toutes les 10 minutes pour maximiser la vitesse et minimiser les risques de détection.</p>
223
+ </div>
224
+ <div class="bg-gray-900 rounded-xl p-6">
225
+ <div class="w-12 h-12 bg-green-900 rounded-lg flex items-center justify-center mb-4">
226
+ <i class="fas fa-lock text-green-400 text-xl"></i>
227
+ </div>
228
+ <h3 class="font-bold mb-2">Chiffrement quantique</h3>
229
+ <p class="text-gray-400 text-sm">Protection ultime avec notre technologie de chiffrement post-quantique résistante aux futures attaques.</p>
230
+ </div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Connection Log -->
235
+ <div class="bg-gray-800 rounded-2xl p-6 shadow-xl">
236
+ <div class="flex justify-between items-center mb-6">
237
+ <h2 class="text-xl font-bold">Journal des connexions IA</h2>
238
+ <div class="text-sm text-gray-400">Mises à jour en temps réel</div>
239
+ </div>
240
+ <div class="bg-gray-900 rounded-xl p-4 overflow-x-auto">
241
+ <table class="w-full">
242
+ <thead>
243
+ <tr class="text-left text-gray-400 text-sm border-b border-gray-700">
244
+ <th class="pb-3 pl-2">Heure</th>
245
+ <th class="pb-3">Serveur</th>
246
+ <th class="pb-3">Performance</th>
247
+ <th class="pb-3">Raison du changement</th>
248
+ <th class="pb-3 pr-2">Durée</th>
249
+ </tr>
250
+ </thead>
251
+ <tbody>
252
+ <tr class="text-sm border-b border-gray-800 hover:bg-gray-800">
253
+ <td class="py-3 pl-2">10:02</td>
254
+ <td class="py-3">Singapour #42</td>
255
+ <td class="py-3">
256
+ <div class="w-full bg-gray-700 rounded-full h-2">
257
+ <div class="bg-green-500 h-2 rounded-full" style="width: 92%"></div>
258
+ </div>
259
+ </td>
260
+ <td class="py-3">Optimisation de latence</td>
261
+ <td class="py-3 pr-2">10m 12s</td>
262
+ </tr>
263
+ <tr class="text-sm border-b border-gray-800 hover:bg-gray-800">
264
+ <td class="py-3 pl-2">09:52</td>
265
+ <td class="py-3">Canada #17</td>
266
+ <td class="py-3">
267
+ <div class="w-full bg-gray-700 rounded-full h-2">
268
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 68%"></div>
269
+ </div>
270
+ </td>
271
+ <td class="py-3">Détection de congestion</td>
272
+ <td class="py-3 pr-2">10m 05s</td>
273
+ </tr>
274
+ <tr class="text-sm border-b border-gray-800 hover:bg-gray-800">
275
+ <td class="py-3 pl-2">09:42</td>
276
+ <td class="py-3">Allemagne #9</td>
277
+ <td class="py-3">
278
+ <div class="w-full bg-gray-700 rounded-full h-2">
279
+ <div class="bg-green-500 h-2 rounded-full" style="width: 85%"></div>
280
+ </div>
281
+ </td>
282
+ <td class="py-3">Rotation planifiée</td>
283
+ <td class="py-3 pr-2">10m 00s</td>
284
+ </tr>
285
+ <tr class="text-sm border-b border-gray-800 hover:bg-gray-800">
286
+ <td class="py-3 pl-2">09:32</td>
287
+ <td class="py-3">Japon #31</td>
288
+ <td class="py-3">
289
+ <div class="w-full bg-gray-700 rounded-full h-2">
290
+ <div class="bg-green-500 h-2 rounded-full" style="width: 88%"></div>
291
+ </div>
292
+ </td>
293
+ <td class="py-3">Optimisation géo</td>
294
+ <td class="py-3 pr-2">10m 08s</td>
295
+ </tr>
296
+ <tr class="text-sm hover:bg-gray-800">
297
+ <td class="py-3 pl-2">09:22</td>
298
+ <td class="py-3">États-Unis #56</td>
299
+ <td class="py-3">
300
+ <div class="w-full bg-gray-700 rounded-full h-2">
301
+ <div class="bg-red-500 h-2 rounded-full" style="width: 45%"></div>
302
+ </div>
303
+ </td>
304
+ <td class="py-3">Anomalie détectée</td>
305
+ <td class="py-3 pr-2">5m 32s</td>
306
+ </tr>
307
+ </tbody>
308
+ </table>
309
+ </div>
310
+ </div>
311
+
312
+ <!-- Footer -->
313
+ <footer class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
314
+ <p>© 2023 NexusVPN - Tous droits réservés</p>
315
+ <p class="mt-2">Ce VPN utilise 500 intelligences artificielles pour optimiser votre connexion en temps réel</p>
316
+ <div class="flex justify-center space-x-4 mt-4">
317
+ <a href="#" class="hover:text-white transition"><i class="fab fa-twitter"></i></a>
318
+ <a href="#" class="hover:text-white transition"><i class="fab fa-github"></i></a>
319
+ <a href="#" class="hover:text-white transition"><i class="fab fa-discord"></i></a>
320
+ </div>
321
+ </footer>
322
+ </div>
323
+
324
+ <script>
325
+ // QR Code Generation
326
+ document.addEventListener('DOMContentLoaded', function() {
327
+ // Generate QR code with a different library
328
+ const qr = qrcode(0, 'M');
329
+ qr.addData('https://nexusvpn.com/download/app');
330
+ qr.make();
331
+ const qrImg = qr.createImgTag(4, 0);
332
+ document.getElementById('qrcode').innerHTML = qrImg;
333
+
334
+ // VPN Toggle
335
+ const vpnToggle = document.getElementById('vpn-toggle');
336
+ const vpnStatus = document.getElementById('vpn-status');
337
+ let vpnActive = false;
338
+
339
+ vpnToggle.addEventListener('click', function() {
340
+ vpnActive = !vpnActive;
341
+ if (vpnActive) {
342
+ this.classList.add('bg-green-600');
343
+ this.classList.remove('bg-gray-700');
344
+ this.querySelector('div').style.transform = 'translateX(42px)';
345
+ vpnStatus.textContent = 'Activé';
346
+ vpnStatus.classList.add('text-green-400');
347
+ vpnStatus.classList.remove('text-gray-400');
348
+
349
+ // Start fake connection metrics
350
+ startConnectionMetrics();
351
+ } else {
352
+ this.classList.add('bg-gray-700');
353
+ this.classList.remove('bg-green-600');
354
+ this.querySelector('div').style.transform = 'translateX(0)';
355
+ vpnStatus.textContent = 'Désactivé';
356
+ vpnStatus.classList.add('text-gray-400');
357
+ vpnStatus.classList.remove('text-green-400');
358
+
359
+ // Stop connection metrics
360
+ clearInterval(metricsInterval);
361
+ }
362
+ });
363
+
364
+ // Server selection
365
+ const serverNodes = document.querySelectorAll('.server-node');
366
+ serverNodes.forEach(node => {
367
+ node.addEventListener('click', function() {
368
+ serverNodes.forEach(n => n.classList.remove('glow-effect'));
369
+ this.classList.add('glow-effect');
370
+
371
+ if (this.textContent.includes('Automatique')) {
372
+ document.getElementById('current-server').textContent = 'Sélection automatique (IA)';
373
+ } else {
374
+ const serverName = this.querySelector('.font-medium').textContent;
375
+ document.getElementById('current-server').textContent = serverName;
376
+ }
377
+ });
378
+ });
379
+
380
+ // Fake connection metrics
381
+ let metricsInterval;
382
+ function startConnectionMetrics() {
383
+ // Initial values
384
+ updateMetrics();
385
+
386
+ // Update every 2 seconds
387
+ metricsInterval = setInterval(updateMetrics, 2000);
388
+ }
389
+
390
+ function updateMetrics() {
391
+ // Random but realistic metrics
392
+ document.getElementById('latency').textContent = Math.floor(Math.random() * 20) + 15 + 'ms';
393
+ document.getElementById('download').textContent = Math.floor(Math.random() * 30) + 70 + ' Mbps';
394
+ document.getElementById('upload').textContent = Math.floor(Math.random() * 20) + 40 + ' Mbps';
395
+ document.getElementById('security').textContent = '99%';
396
+
397
+ // Update next server change time
398
+ const now = new Date();
399
+ const nextChange = new Date(now.getTime() + 10*60000 - (now.getSeconds()*1000 + now.getMilliseconds()));
400
+ document.getElementById('next-change').textContent = nextChange.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
401
+ }
402
+
403
+ // Add server locations to map
404
+ const serverLocations = [
405
+ { name: "New York", lat: 40.71, lng: -74.01, performance: 0.85 },
406
+ { name: "London", lat: 51.51, lng: -0.13, performance: 0.92 },
407
+ { name: "Tokyo", lat: 35.68, lng: 139.69, performance: 0.78 },
408
+ { name: "Sydney", lat: -33.87, lng: 151.21, performance: 0.82 },
409
+ { name: "Frankfurt", lat: 50.11, lng: 8.68, performance: 0.88 },
410
+ { name: "Singapore", lat: 1.35, lng: 103.86, performance: 0.91 },
411
+ { name: "São Paulo", lat: -23.55, lng: -46.63, performance: 0.76 }
412
+ ];
413
+
414
+ // This is a simplified visualization - a real implementation would use proper map projection
415
+ const map = document.querySelector('.map-globe');
416
+ serverLocations.forEach(loc => {
417
+ const marker = document.createElement('div');
418
+ marker.className = 'absolute w-3 h-3 bg-blue-500 rounded-full transform -translate-x-1/2 -translate-y-1/2';
419
+
420
+ // Simplified positioning - in reality you'd use proper projection
421
+ const x = 50 + (loc.lng / 3.6);
422
+ const y = 50 - (loc.lat / 1.8);
423
+
424
+ marker.style.left = `${x}%`;
425
+ marker.style.top = `${y}%`;
426
+ marker.title = `${loc.name} (${Math.floor(loc.performance * 100)}%)`;
427
+
428
+ // Add pulsing animation for current server
429
+ if (loc.name === "Frankfurt") {
430
+ marker.classList.add('pulse-animation');
431
+ marker.classList.add('glow-effect');
432
+ }
433
+
434
+ map.appendChild(marker);
435
+ });
436
+ });
437
+ </script>
438
+ <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=docto41/nexusvpn" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
439
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ creer moi mon VPN hyper sofistique e automatique gerrer part 500 IA changement serveur toutes les 10 minute en automatique ...je veux un vrai VPN fonctionnel de suite avec qr code pour installer l'application sur telephone avec une belle interface
2
+ le qr code ne fonctionne pas