Hugging Face's logo

Spaces:
docto41
/
megashield
Running

App Files Community
docto41 commited on
Commit
2dc8380
·
verified ·
1 Parent(s): 040c4ee

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +353 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Megashield
3
- emoji: 🏃
4
- colorFrom: green
5
- colorTo: pink
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: megashield
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,353 @@
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>MegaShield VPN - Le VPN le plus puissant au monde</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7db9e8 100%);
12
+ }
13
+ .connection-animation {
14
+ animation: pulse 2s infinite;
15
+ }
16
+ @keyframes pulse {
17
+ 0% { box-shadow: 0 0 0 0 rgba(74, 144, 226, 0.7); }
18
+ 70% { box-shadow: 0 0 0 15px rgba(74, 144, 226, 0); }
19
+ 100% { box-shadow: 0 0 0 0 rgba(74, 144, 226, 0); }
20
+ }
21
+ .server-node {
22
+ position: absolute;
23
+ width: 8px;
24
+ height: 8px;
25
+ background-color: #3b82f6;
26
+ border-radius: 50%;
27
+ filter: drop-shadow(0 0 5px #3b82f6);
28
+ }
29
+ .cyber-grid {
30
+ background-image:
31
+ linear-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px),
32
+ linear-gradient(90deg, rgba(59, 130, 246, 0.1) 1px, transparent 1px);
33
+ background-size: 20px 20px;
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-900 text-white cyber-grid min-h-screen">
38
+ <div class="container mx-auto px-4 py-8">
39
+ <!-- Header -->
40
+ <header class="flex justify-between items-center mb-12">
41
+ <div class="flex items-center">
42
+ <i class="fas fa-shield-alt text-4xl text-blue-500 mr-3"></i>
43
+ <h1 class="text-3xl font-bold bg-clip-text text-transparent gradient-bg">
44
+ MegaShield <span class="text-blue-400">VPN</span>
45
+ </h1>
46
+ </div>
47
+ <div class="flex items-center space-x-4">
48
+ <div class="relative group">
49
+ <button class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg flex items-center">
50
+ <i class="fas fa-globe mr-2"></i>
51
+ <span>Français</span>
52
+ </button>
53
+ </div>
54
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg">
55
+ <i class="fas fa-user"></i>
56
+ </button>
57
+ </div>
58
+ </header>
59
+
60
+ <!-- Main Dashboard -->
61
+ <main class="grid grid-cols-1 lg:grid-cols-3 gap-8">
62
+ <!-- Connection Panel -->
63
+ <div class="lg:col-span-2 bg-gray-800 rounded-xl p-6 shadow-xl border border-gray-700">
64
+ <div class="flex justify-between items-center mb-6">
65
+ <h2 class="text-2xl font-semibold">Tableau de contrôle</h2>
66
+ <div class="flex items-center text-green-400">
67
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
68
+ <span>Système opérationnel</span>
69
+ </div>
70
+ </div>
71
+
72
+ <!-- Connection Status -->
73
+ <div class="bg-gray-900 rounded-lg p-6 mb-6 relative overflow-hidden">
74
+ <div class="absolute inset-0 opacity-20">
75
+ <div class="server-node" style="top: 20%; left: 15%;"></div>
76
+ <div class="server-node" style="top: 30%; left: 75%;"></div>
77
+ <div class="server-node" style="top: 70%; left: 25%;"></div>
78
+ <div class="server-node" style="top: 80%; left: 65%;"></div>
79
+ </div>
80
+
81
+ <div class="relative z-10 flex flex-col items-center">
82
+ <div class="w-32 h-32 rounded-full gradient-bg flex items-center justify-center mb-6 connection-animation">
83
+ <i class="fas fa-lock text-4xl text-white"></i>
84
+ </div>
85
+ <h3 class="text-xl font-semibold mb-2">Protection active</h3>
86
+ <p class="text-gray-400 mb-6 text-center">Votre connexion est sécurisée par 100 000 IA et change automatiquement toutes les 15 minutes</p>
87
+
88
+ <div class="w-full bg-gray-800 rounded-full h-2.5 mb-4">
89
+ <div class="bg-blue-600 h-2.5 rounded-full" style="width: 100%"></div>
90
+ </div>
91
+
92
+ <div class="grid grid-cols-3 gap-4 w-full text-center">
93
+ <div>
94
+ <div class="text-sm text-gray-400">Serveur actuel</div>
95
+ <div class="font-mono text-blue-400">#XK-7294</div>
96
+ </div>
97
+ <div>
98
+ <div class="text-sm text-gray-400">Prochain changement</div>
99
+ <div class="font-mono" id="countdown">14:59</div>
100
+ </div>
101
+ <div>
102
+ <div class="text-sm text-gray-400">Puissance IA</div>
103
+ <div class="font-mono text-green-400">100,000x</div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Protection Features -->
110
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
111
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
112
+ <div class="flex items-center mb-2">
113
+ <div class="w-10 h-10 rounded-full bg-blue-900 flex items-center justify-center mr-3">
114
+ <i class="fas fa-robot text-blue-400"></i>
115
+ </div>
116
+ <h4 class="font-medium">Système Robotisé</h4>
117
+ </div>
118
+ <p class="text-sm text-gray-400">Protection automatisée avec rotation de connexion toutes les 15 minutes</p>
119
+ </div>
120
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
121
+ <div class="flex items-center mb-2">
122
+ <div class="w-10 h-10 rounded-full bg-purple-900 flex items-center justify-center mr-3">
123
+ <i class="fas fa-brain text-purple-400"></i>
124
+ </div>
125
+ <h4 class="font-medium">Réseau d'IA</h4>
126
+ </div>
127
+ <p class="text-sm text-gray-400">100 000 intelligences artificielles surveillent votre connexion en temps réel</p>
128
+ </div>
129
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
130
+ <div class="flex items-center mb-2">
131
+ <div class="w-10 h-10 rounded-full bg-green-900 flex items-center justify-center mr-3">
132
+ <i class="fas fa-shield-virus text-green-400"></i>
133
+ </div>
134
+ <h4 class="font-medium">Anti-DDoS</h4>
135
+ </div>
136
+ <p class="text-sm text-gray-400">Protection contre les attaques les plus sophistiquées</p>
137
+ </div>
138
+ </div>
139
+
140
+ <!-- Advanced Controls -->
141
+ <div class="bg-gray-900 rounded-lg p-6">
142
+ <h3 class="text-lg font-semibold mb-4">Contrôles avancés</h3>
143
+ <div class="space-y-4">
144
+ <div>
145
+ <label class="block text-sm font-medium text-gray-400 mb-1">Mode de sécurité</label>
146
+ <select class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
147
+ <option>Maximum (recommandé)</option>
148
+ <option>Équilibré</option>
149
+ <option>Performance</option>
150
+ </select>
151
+ </div>
152
+ <div>
153
+ <label class="flex items-center space-x-3">
154
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 rounded" checked>
155
+ <span class="text-gray-300">Kill Switch (coupe internet si VPN se déconnecte)</span>
156
+ </label>
157
+ </div>
158
+ <div>
159
+ <label class="flex items-center space-x-3">
160
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 rounded" checked>
161
+ <span class="text-gray-300">Protection contre les fuites DNS</span>
162
+ </label>
163
+ </div>
164
+ <div>
165
+ <label class="flex items-center space-x-3">
166
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 rounded" checked>
167
+ <span class="text-gray-300">Rotation automatique des serveurs (15 min)</span>
168
+ </label>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+
174
+ <!-- Stats Panel -->
175
+ <div class="space-y-6">
176
+ <!-- Security Status -->
177
+ <div class="bg-gray-800 rounded-xl p-6 shadow-xl border border-gray-700">
178
+ <h2 class="text-xl font-semibold mb-4">Statut de sécurité</h2>
179
+ <div class="space-y-4">
180
+ <div class="flex justify-between items-center">
181
+ <div class="flex items-center">
182
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
183
+ <span>Protection VPN</span>
184
+ </div>
185
+ <span class="text-green-400">Active</span>
186
+ </div>
187
+ <div class="flex justify-between items-center">
188
+ <div class="flex items-center">
189
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
190
+ <span>Réseau d'IA</span>
191
+ </div>
192
+ <span class="text-green-400">100% opérationnel</span>
193
+ </div>
194
+ <div class="flex justify-between items-center">
195
+ <div class="flex items-center">
196
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
197
+ <span>Protection DDoS</span>
198
+ </div>
199
+ <span class="text-green-400">Aucune menace</span>
200
+ </div>
201
+ <div class="flex justify-between items-center">
202
+ <div class="flex items-center">
203
+ <div class="w-3 h-3 rounded-full bg-blue-500 mr-2"></div>
204
+ <span>Chiffrement</span>
205
+ </div>
206
+ <span class="text-blue-400">AES-256 + IA</span>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Server Network -->
212
+ <div class="bg-gray-800 rounded-xl p-6 shadow-xl border border-gray-700">
213
+ <h2 class="text-xl font-semibold mb-4">Réseau mondial</h2>
214
+ <div class="flex items-center justify-between mb-4">
215
+ <div class="text-3xl font-bold">1,247</div>
216
+ <div class="text-blue-400">
217
+ <i class="fas fa-server mr-1"></i>
218
+ <span>Serveurs</span>
219
+ </div>
220
+ </div>
221
+ <div class="h-40 relative">
222
+ <img src="https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/4x3/world.svg" class="w-full h-full object-cover opacity-20 absolute inset-0">
223
+ <div class="relative z-10">
224
+ <div class="flex justify-between text-xs text-gray-400 mb-2">
225
+ <span>Amériques</span>
226
+ <span>Europe</span>
227
+ <span>Asie</span>
228
+ <span>Océanie</span>
229
+ <span>Afrique</span>
230
+ </div>
231
+ <div class="w-full bg-gray-700 rounded-full h-2 mb-2">
232
+ <div class="bg-gradient-to-r from-blue-500 to-purple-500 h-2 rounded-full" style="width: 100%"></div>
233
+ </div>
234
+ <div class="text-xs text-gray-400 text-right">Couverture mondiale 100%</div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+
239
+ <!-- Threat Detection -->
240
+ <div class="bg-gray-800 rounded-xl p-6 shadow-xl border border-gray-700">
241
+ <h2 class="text-xl font-semibold mb-4">Détection de menaces</h2>
242
+ <div class="flex items-center justify-between mb-2">
243
+ <div>
244
+ <div class="text-sm text-gray-400">Menaces bloquées</div>
245
+ <div class="text-2xl font-bold">1,284</div>
246
+ </div>
247
+ <div class="w-16 h-16">
248
+ <svg viewBox="0 0 36 36" class="circular-chart">
249
+ <path class="circle-bg" d="M18 2.0845
250
+ a 15.9155 15.9155 0 0 1 0 31.831
251
+ a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#1e293b" stroke-width="3"/>
252
+ <path class="circle" stroke-dasharray="85, 100" d="M18 2.0845
253
+ a 15.9155 15.9155 0 0 1 0 31.831
254
+ a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#3b82f6" stroke-width="3" stroke-linecap="round"/>
255
+ <text x="18" y="20" class="percentage text-xs font-bold" fill="#fff" text-anchor="middle" dy=".4em">85%</text>
256
+ </svg>
257
+ </div>
258
+ </div>
259
+ <div class="text-sm text-gray-400">
260
+ <span class="text-blue-400">+12 nouvelles menaces</span> détectées et neutralisées aujourd'hui
261
+ </div>
262
+ </div>
263
+
264
+ <!-- Quick Connect -->
265
+ <div class="bg-gradient-to-br from-blue-900 to-purple-900 rounded-xl p-6 shadow-xl border border-blue-700">
266
+ <h2 class="text-xl font-semibold mb-4">Connexion rapide</h2>
267
+ <p class="text-sm text-blue-200 mb-4">Connectez-vous au serveur optimal avec une protection maximale</p>
268
+ <button class="w-full py-3 px-4 bg-white text-blue-900 font-bold rounded-lg hover:bg-blue-100 transition flex items-center justify-center">
269
+ <i class="fas fa-bolt mr-2"></i>
270
+ Connexion instantanée
271
+ </button>
272
+ </div>
273
+ </div>
274
+ </main>
275
+
276
+ <!-- Footer -->
277
+ <footer class="mt-12 pt-8 border-t border-gray-800">
278
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
279
+ <div>
280
+ <h3 class="text-lg font-semibold mb-4">MegaShield VPN</h3>
281
+ <p class="text-gray-400">Le VPN le plus puissant au monde, protégé par 100 000 IA et un système de rotation automatique.</p>
282
+ </div>
283
+ <div>
284
+ <h3 class="text-lg font-semibold mb-4">Fonctionnalités</h3>
285
+ <ul class="space-y-2 text-gray-400">
286
+ <li><a href="#" class="hover:text-blue-400">Protection IA</a></li>
287
+ <li><a href="#" class="hover:text-blue-400">Rotation automatique</a></li>
288
+ <li><a href="#" class="hover:text-blue-400">Anti-DDoS</a></li>
289
+ <li><a href="#" class="hover:text-blue-400">Chiffrement quantique</a></li>
290
+ </ul>
291
+ </div>
292
+ <div>
293
+ <h3 class="text-lg font-semibold mb-4">Support</h3>
294
+ <ul class="space-y-2 text-gray-400">
295
+ <li><a href="#" class="hover:text-blue-400">Centre d'aide</a></li>
296
+ <li><a href="#" class="hover:text-blue-400">Contact</a></li>
297
+ <li><a href="#" class="hover:text-blue-400">FAQ</a></li>
298
+ </ul>
299
+ </div>
300
+ <div>
301
+ <h3 class="text-lg font-semibold mb-4">Légal</h3>
302
+ <ul class="space-y-2 text-gray-400">
303
+ <li><a href="#" class="hover:text-blue-400">Politique de confidentialité</a></li>
304
+ <li><a href="#" class="hover:text-blue-400">Conditions d'utilisation</a></li>
305
+ <li><a href="#" class="hover:text-blue-400">Transparence</a></li>
306
+ </ul>
307
+ </div>
308
+ </div>
309
+ <div class="mt-8 pt-6 border-t border-gray-800 text-center text-gray-500 text-sm">
310
+ <p>© 2023 MegaShield VPN. Tous droits réservés.</p>
311
+ </div>
312
+ </footer>
313
+ </div>
314
+
315
+ <script>
316
+ // Countdown timer for server rotation
317
+ let minutes = 14;
318
+ let seconds = 59;
319
+
320
+ function updateCountdown() {
321
+ const countdownElement = document.getElementById('countdown');
322
+
323
+ seconds--;
324
+ if (seconds < 0) {
325
+ seconds = 59;
326
+ minutes--;
327
+ }
328
+
329
+ if (minutes < 0) {
330
+ minutes = 14;
331
+ seconds = 59;
332
+ // Simulate server rotation
333
+ alert("Serveur en rotation! Nouvelle connexion établie avec succès.");
334
+ }
335
+
336
+ countdownElement.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
337
+ }
338
+
339
+ setInterval(updateCountdown, 1000);
340
+
341
+ // Simulate threat detection updates
342
+ setInterval(() => {
343
+ const threatCount = document.querySelector('.text-2xl.font-bold');
344
+ const currentCount = parseInt(threatCount.textContent);
345
+ threatCount.textContent = (currentCount + Math.floor(Math.random() * 3)).toString();
346
+
347
+ const newThreats = document.querySelector('.text-blue-400');
348
+ const randomNum = Math.floor(Math.random() * 5) + 1;
349
+ newThreats.textContent = `+${randomNum} nouvelles menaces`;
350
+ }, 30000);
351
+ </script>
352
+ <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/megashield" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
353
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ creer moiplates forme de VPN les plus puissant au monde avec ses assitant de 100000 IA les plus puissant au monde protéger contre les attaques protgé par un systeme robotiser en automatique qui change de connection toutes les 15 minute