Hugging Face's logo

Spaces:
docto41
/
mega-armamennt-ai
Running

App Files Community
docto41 commited on
Commit
82e60e2
·
verified ·
1 Parent(s): 4a54410

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +356 -378
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,88 +3,62 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>MEGA-ARMAMENT AI - Générateur de Sites Militaires</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
- .military-gradient {
11
- background: linear-gradient(135deg, #0a192f 0%, #172a45 50%, #1e3a8a 100%);
12
  }
13
  .cyber-terminal {
14
- background: rgba(0, 20, 40, 0.8);
15
- border: 1px solid rgba(0, 255, 255, 0.3);
16
- box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
17
  }
18
- .holographic-effect {
19
  position: relative;
20
  overflow: hidden;
21
  }
22
- .holographic-effect::before {
23
  content: '';
24
  position: absolute;
25
- top: -50%;
26
- left: -50%;
27
- width: 200%;
28
- height: 200%;
29
- background: linear-gradient(
30
- to bottom right,
31
- rgba(0, 255, 255, 0) 0%,
32
- rgba(0, 255, 255, 0.1) 50%,
33
- rgba(0, 255, 255, 0) 100%
34
- );
35
- transform: rotate(30deg);
36
- animation: hologram 6s linear infinite;
37
  }
38
- @keyframes hologram {
39
- 0% { transform: rotate(30deg) translate(-30%, -30%); }
40
- 100% { transform: rotate(30deg) translate(70%, 70%); }
41
  }
42
- .weapon-card {
43
  transition: all 0.3s ease;
44
  transform-style: preserve-3d;
45
  }
46
- .weapon-card:hover {
47
  transform: translateY(-10px) rotateX(5deg);
48
- box-shadow: 0 20px 30px rgba(0, 0, 0, 0.4);
49
- }
50
- .radar-scan {
51
- position: relative;
52
- overflow: hidden;
53
- }
54
- .radar-scan::after {
55
- content: '';
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- width: 100%;
60
- height: 100%;
61
- background: linear-gradient(
62
- 135deg,
63
- rgba(0, 255, 0, 0.1) 0%,
64
- rgba(0, 255, 0, 0.3) 50%,
65
- rgba(0, 255, 0, 0.1) 100%
66
- );
67
- animation: radar 4s linear infinite;
68
- }
69
- @keyframes radar {
70
- 0% { transform: translateX(-100%); }
71
- 100% { transform: translateX(100%); }
72
  }
73
  .cyber-text {
74
- text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff;
75
  }
76
- .btn-explosion {
77
  position: relative;
78
  overflow: hidden;
79
  }
80
- .btn-explosion:active::after {
81
  content: '';
82
  position: absolute;
83
  top: 50%;
84
  left: 50%;
85
  width: 5px;
86
  height: 5px;
87
- background: rgba(255, 255, 255, 0.5);
88
  border-radius: 100%;
89
  transform: scale(1, 1) translate(-50%, -50%);
90
  transform-origin: 50% 50%;
@@ -94,26 +68,36 @@
94
  0% { transform: scale(0.1, 0.1) translate(-50%, -50%); opacity: 1; }
95
  100% { transform: scale(20, 20) translate(-50%, -50%); opacity: 0; }
96
  }
 
 
 
 
 
 
 
 
 
 
97
  </style>
98
  </head>
99
- <body class="military-gradient text-gray-100 min-h-screen">
100
- <!-- Interface de commande principale -->
101
  <div class="container mx-auto px-4 py-8">
102
- <!-- En-tête militaire -->
103
  <header class="flex justify-between items-center mb-12">
104
  <div class="flex items-center">
105
- <div class="w-16 h-16 bg-red-600 rounded-full flex items-center justify-center mr-4">
106
- <i class="fas fa-crosshairs text-3xl"></i>
107
  </div>
108
  <div>
109
- <h1 class="text-4xl font-bold cyber-text">MEGA-ARMAMENT AI</h1>
110
- <p class="text-cyan-400">Système de création de sites militaires ultime</p>
111
  </div>
112
  </div>
113
- <div class="bg-black bg-opacity-50 px-4 py-2 rounded-lg border border-cyan-500">
114
  <div class="flex items-center">
115
- <div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
116
- <span>STATUS: <span id="systemStatus" class="text-green-500">OPÉRATIONNEL</span></span>
117
  </div>
118
  </div>
119
  </header>
@@ -121,74 +105,74 @@
121
  <!-- Tableau de bord principal -->
122
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
123
  <!-- Terminal de contrôle -->
124
- <div class="cyber-terminal rounded-xl p-6 col-span-2 holographic-effect">
125
  <div class="flex justify-between items-center mb-6">
126
- <h2 class="text-2xl font-bold text-cyan-400">TERMINAL DE CRÉATION</h2>
127
  <div class="flex space-x-2">
128
- <button id="alertBtn" class="px-3 py-1 bg-red-900 hover:bg-red-800 rounded-lg text-xs btn-explosion">ALERTE</button>
129
- <button id="cyberBtn" class="px-3 py-1 bg-cyan-900 hover:bg-cyan-800 rounded-lg text-xs btn-explosion">CYBER</button>
130
- <button id="logBtn" class="px-3 py-1 bg-gray-900 hover:bg-gray-800 rounded-lg text-xs btn-explosion">LOG</button>
131
  </div>
132
  </div>
133
 
134
- <div id="terminalOutput" class="bg-black bg-opacity-70 p-4 rounded-lg mb-4 h-64 overflow-y-auto font-mono text-sm">
135
- <p class="text-green-400">> Initialisation du système MEGA-ARMAMENT AI v9.4.2</p>
136
- <p class="text-green-400">> Chargement des modules militaires (5,463,210 outils détectés)</p>
137
- <p class="text-cyan-400">> Activation des protocoles de sécurité niveau 5</p>
138
- <p class="text-yellow-400">> Connexion établie avec les serveurs Quantum</p>
139
- <p class="text-green-400">> Prêt pour la création de sites militaires</p>
140
- <p class="text-white mt-4">> <span id="commandLine" class="border-r-2 border-white animate-pulse">_</span></p>
141
  </div>
142
 
143
  <div class="grid grid-cols-2 gap-4">
144
  <div>
145
- <label class="block text-cyan-400 mb-2">TYPE DE SITE</label>
146
- <select id="siteType" class="w-full bg-gray-900 border border-cyan-500 rounded-lg p-2 hover:border-cyan-400 transition">
147
- <option>Base Militaire Secrète</option>
148
- <option>Centre de Commandement Cybernétique</option>
149
- <option>Laboratoire d'Armes IA</option>
150
- <option>Site de Lancement Spatial</option>
151
- <option>Installation Furtive</option>
152
  </select>
153
  </div>
154
  <div>
155
- <label class="block text-cyan-400 mb-2">NIVEAU DE SÉCURITÉ</label>
156
  <div class="flex items-center">
157
- <input id="securityLevel" type="range" min="1" max="10" value="7" class="w-full mr-4 hover:cursor-pointer">
158
- <span id="securityLevelDisplay" class="bg-red-600 px-3 py-1 rounded-lg text-xs">NIVEAU 7</span>
159
  </div>
160
  </div>
161
  </div>
162
 
163
  <div class="mt-6 flex justify-between">
164
- <button id="generateBtn" class="px-6 py-3 bg-cyan-600 hover:bg-cyan-700 rounded-lg font-bold flex items-center btn-explosion">
165
- <i class="fas fa-rocket mr-2"></i> GÉNÉRER LE SITE
166
  </button>
167
- <button id="optionsBtn" class="px-6 py-3 bg-gray-800 hover:bg-gray-700 rounded-lg font-bold flex items-center btn-explosion">
168
- <i class="fas fa-cog mr-2"></i> OPTIONS AVANCÉES
169
  </button>
170
  </div>
171
  </div>
172
 
173
  <!-- Statistiques du système -->
174
  <div class="cyber-terminal rounded-xl p-6">
175
- <h2 class="text-2xl font-bold text-cyan-400 mb-6">STATISTIQUES</h2>
176
 
177
  <div class="space-y-4">
178
  <div>
179
  <div class="flex justify-between mb-1">
180
- <span>PUISSANCE DE CRÉATION</span>
181
- <span id="creationPower">98%</span>
182
  </div>
183
  <div class="w-full bg-gray-800 rounded-full h-2.5">
184
- <div id="creationPowerBar" class="bg-cyan-600 h-2.5 rounded-full" style="width: 98%"></div>
185
  </div>
186
  </div>
187
 
188
  <div>
189
  <div class="flex justify-between mb-1">
190
- <span>CAPACITÉ IA</span>
191
- <span>5,463,210 outils</span>
192
  </div>
193
  <div class="w-full bg-gray-800 rounded-full h-2.5">
194
  <div class="bg-purple-600 h-2.5 rounded-full" style="width: 100%"></div>
@@ -198,21 +182,21 @@
198
  <div>
199
  <div class="flex justify-between mb-1">
200
  <span>CHARGE DU SYSTÈME</span>
201
- <span id="systemLoad">34%</span>
202
  </div>
203
  <div class="w-full bg-gray-800 rounded-full h-2.5">
204
- <div id="systemLoadBar" class="bg-yellow-500 h-2.5 rounded-full" style="width: 34%"></div>
205
  </div>
206
  </div>
207
 
208
- <div class="pt-4 border-t border-cyan-900 mt-4">
209
  <div class="flex justify-between items-center">
210
  <div>
211
- <div class="text-sm text-gray-400">SITES CRÉÉS</div>
212
- <div id="sitesCreated" class="text-2xl font-bold">24,891</div>
213
  </div>
214
- <div class="w-16 h-16 bg-cyan-900 rounded-full flex items-center justify-center">
215
- <i class="fas fa-globe text-2xl text-cyan-400"></i>
216
  </div>
217
  </div>
218
  </div>
@@ -220,21 +204,21 @@
220
  </div>
221
  </div>
222
 
223
- <!-- Armes et outils disponibles -->
224
- <h2 class="text-3xl font-bold mb-6 text-center cyber-text">OUTILS MILITAIRES INTÉGRÉS</h2>
225
 
226
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
227
  <!-- Carte d'outil 1 -->
228
- <div class="weapon-card bg-gray-900 rounded-xl overflow-hidden border border-cyan-900">
229
- <div class="h-48 bg-gradient-to-br from-cyan-900 to-gray-900 flex items-center justify-center">
230
- <i class="fas fa-brain text-6xl text-cyan-400"></i>
231
  </div>
232
  <div class="p-4">
233
- <h3 class="text-xl font-bold mb-2">GÉNÉRATEUR IA TACTIQUE</h3>
234
- <p class="text-gray-400 text-sm mb-4">Algorithmes de combat avancés pour la stratégie militaire automatisée.</p>
235
  <div class="flex justify-between items-center">
236
- <span class="text-xs bg-cyan-900 px-2 py-1 rounded">NIVEAU 5</span>
237
- <button class="weapon-btn text-cyan-400 hover:text-cyan-300 btn-explosion" data-weapon="tactique">
238
  <i class="fas fa-arrow-right"></i>
239
  </button>
240
  </div>
@@ -242,16 +226,16 @@
242
  </div>
243
 
244
  <!-- Carte d'outil 2 -->
245
- <div class="weapon-card bg-gray-900 rounded-xl overflow-hidden border border-purple-900">
246
- <div class="h-48 bg-gradient-to-br from-purple-900 to-gray-900 flex items-center justify-center">
247
- <i class="fas fa-shield-alt text-6xl text-purple-400"></i>
248
  </div>
249
  <div class="p-4">
250
- <h3 class="text-xl font-bold mb-2">CYBER-DÉFENSE QUANTUM</h3>
251
- <p class="text-gray-400 text-sm mb-4">Protection ultime contre les cyberattaques avec chiffrement quantique.</p>
252
  <div class="flex justify-between items-center">
253
- <span class="text-xs bg-purple-900 px-2 py-1 rounded">NIVEAU 7</span>
254
- <button class="weapon-btn text-purple-400 hover:text-purple-300 btn-explosion" data-weapon="cyber">
255
  <i class="fas fa-arrow-right"></i>
256
  </button>
257
  </div>
@@ -259,16 +243,16 @@
259
  </div>
260
 
261
  <!-- Carte d'outil 3 -->
262
- <div class="weapon-card bg-gray-900 rounded-xl overflow-hidden border border-red-900">
263
- <div class="h-48 bg-gradient-to-br from-red-900 to-gray-900 flex items-center justify-center">
264
- <i class="fas fa-fighter-jet text-6xl text-red-400"></i>
265
  </div>
266
  <div class="p-4">
267
- <h3 class="text-xl font-bold mb-2">SIMULATEUR DE DRONES</h3>
268
- <p class="text-gray-400 text-sm mb-4">Contrôle de flottes de drones autonomes avec IA prédictive.</p>
269
  <div class="flex justify-between items-center">
270
- <span class="text-xs bg-red-900 px-2 py-1 rounded">NIVEAU 9</span>
271
- <button class="weapon-btn text-red-400 hover:text-red-300 btn-explosion" data-weapon="drones">
272
  <i class="fas fa-arrow-right"></i>
273
  </button>
274
  </div>
@@ -276,16 +260,16 @@
276
  </div>
277
 
278
  <!-- Carte d'outil 4 -->
279
- <div class="weapon-card bg-gray-900 rounded-xl overflow-hidden border border-yellow-900">
280
- <div class="h-48 bg-gradient-to-br from-yellow-900 to-gray-900 flex items-center justify-center">
281
- <i class="fas fa-satellite-dish text-6xl text-yellow-400"></i>
282
  </div>
283
  <div class="p-4">
284
- <h3 class="text-xl font-bold mb-2">RÉSEAU SATELLITE GLOBAL</h3>
285
- <p class="text-gray-400 text-sm mb-4">Surveillance mondiale en temps réel avec analyse IA.</p>
286
  <div class="flex justify-between items-center">
287
- <span class="text-xs bg-yellow-900 px-2 py-1 rounded">NIVEAU 10</span>
288
- <button class="weapon-btn text-yellow-400 hover:text-yellow-300 btn-explosion" data-weapon="satellite">
289
  <i class="fas fa-arrow-right"></i>
290
  </button>
291
  </div>
@@ -293,92 +277,94 @@
293
  </div>
294
  </div>
295
 
296
- <!-- Radar de surveillance -->
297
- <div class="cyber-terminal rounded-xl p-6 mb-12 radar-scan">
298
  <div class="flex justify-between items-center mb-6">
299
- <h2 class="text-2xl font-bold text-green-400">RADAR DE SURVEILLANCE</h2>
300
  <div class="flex space-x-2">
301
- <div class="w-3 h-3 bg-green-500 rounded-full"></div>
302
- <div class="w-3 h-3 bg-yellow-500 rounded-full"></div>
303
- <div class="w-3 h-3 bg-red-500 rounded-full"></div>
304
  </div>
305
  </div>
306
 
307
- <div class="flex justify-center">
308
- <div class="relative w-64 h-64 rounded-full border-2 border-green-500 flex items-center justify-center">
309
- <!-- Cercle du radar -->
310
- <div class="absolute w-full h-full rounded-full border border-green-500 border-opacity-30"></div>
311
- <div class="absolute w-3/4 h-3/4 rounded-full border border-green-500 border-opacity-30"></div>
312
- <div class="absolute w-1/2 h-1/2 rounded-full border border-green-500 border-opacity-30"></div>
313
- <div class="absolute w-1/4 h-1/4 rounded-full border border-green-500 border-opacity-30"></div>
314
-
315
- <!-- Ligne de balayage -->
316
- <div class="absolute w-full h-0.5 bg-green-500 origin-left animate-spin" style="animation-duration: 4s;"></div>
317
-
318
- <!-- Cibles -->
319
- <div class="target absolute top-1/4 left-1/4 w-3 h-3 bg-yellow-500 rounded-full"></div>
320
- <div class="target absolute top-1/3 right-1/3 w-3 h-3 bg-red-500 rounded-full"></div>
321
- <div class="target absolute bottom-1/4 right-1/4 w-3 h-3 bg-green-500 rounded-full"></div>
322
-
323
- <!-- Centre -->
324
- <div class="w-4 h-4 bg-green-500 rounded-full"></div>
325
- </div>
326
- </div>
327
-
328
- <div class="mt-6 grid grid-cols-3 gap-4">
329
- <div class="bg-gray-900 bg-opacity-50 p-2 rounded-lg">
330
- <div class="text-xs text-gray-400 mb-1">CIBLES DÉTECTÉES</div>
331
- <div id="targetsDetected" class="text-xl font-bold">3</div>
332
  </div>
333
- <div class="bg-gray-900 bg-opacity-50 p-2 rounded-lg">
334
- <div class="text-xs text-gray-400 mb-1">MENACES</div>
335
- <div id="threatsDetected" class="text-xl font-bold text-red-400">1</div>
 
 
 
 
 
 
 
 
 
336
  </div>
337
- <div class="bg-gray-900 bg-opacity-50 p-2 rounded-lg">
338
- <div class="text-xs text-gray-400 mb-1">COUVERTURE</div>
339
- <div class="text-xl font-bold">100%</div>
 
 
 
 
 
 
 
 
 
340
  </div>
341
  </div>
342
 
343
- <div class="mt-4 flex justify-center">
344
- <button id="scanBtn" class="px-4 py-2 bg-green-800 hover:bg-green-700 rounded-lg font-bold btn-explosion">
345
- <i class="fas fa-sync-alt mr-2"></i> LANCER UN NOUVEAU SCAN
346
  </button>
347
  </div>
348
  </div>
349
 
350
  <!-- Pied de page sécurisé -->
351
- <footer class="border-t border-cyan-900 pt-6 mt-12">
352
  <div class="flex flex-col md:flex-row justify-between items-center">
353
  <div class="flex items-center mb-4 md:mb-0">
354
- <div class="w-10 h-10 bg-red-600 rounded-full flex items-center justify-center mr-3">
355
- <i class="fas fa-lock"></i>
356
  </div>
357
  <div>
358
- <div class="font-bold">MEGA-ARMAMENT AI</div>
359
- <div class="text-xs text-gray-400">Système de niveau militaire</div>
360
  </div>
361
  </div>
362
 
363
  <div class="flex space-x-4">
364
- <button class="social-btn text-gray-400 hover:text-cyan-400 btn-explosion" data-social="github">
365
- <i class="fab fa-github"></i>
366
- </button>
367
- <button class="social-btn text-gray-400 hover:text-cyan-400 btn-explosion" data-social="discord">
368
- <i class="fab fa-discord"></i>
369
  </button>
370
- <button class="social-btn text-gray-400 hover:text-cyan-400 btn-explosion" data-social="twitter">
371
- <i class="fab fa-twitter"></i>
372
  </button>
373
- <button class="social-btn text-gray-400 hover:text-cyan-400 btn-explosion" data-social="email">
374
- <i class="fas fa-envelope"></i>
375
  </button>
376
  </div>
377
 
378
  <div class="mt-4 md:mt-0">
379
  <div class="text-xs text-gray-500">
380
- © 2023 MEGA-ARMAMENT AI. Tous droits réservés.
381
- <span class="block md:inline">Classification: <span class="text-red-400">TOP SECRET</span></span>
382
  </div>
383
  </div>
384
  </div>
@@ -388,12 +374,12 @@
388
  <script>
389
  // Simulation de terminal
390
  const commands = [
391
- "> Chargement des modules cybernétiques...",
392
- "> Activation des protocoles de sécurité...",
393
- "> Connexion au réseau satellite...",
394
- "> Analyse des menaces globales...",
395
- "> Préparation des outils IA...",
396
- "> Système prêt pour déploiement..."
397
  ];
398
 
399
  let currentCommand = 0;
@@ -405,11 +391,9 @@
405
  const cmd = commands[currentCommand];
406
  let i = 0;
407
 
408
- // Effacer la ligne actuelle
409
  commandLine.textContent = '';
410
  commandLine.classList.remove('border-r-2', 'animate-pulse');
411
 
412
- // Simuler la frappe
413
  const typing = setInterval(() => {
414
  if (i < cmd.length) {
415
  commandLine.textContent += cmd.charAt(i);
@@ -418,64 +402,49 @@
418
  clearInterval(typing);
419
  currentCommand++;
420
  setTimeout(() => {
421
- // Ajouter une nouvelle ligne
422
  const newLine = document.createElement('p');
423
  newLine.className = 'text-green-400';
424
  newLine.textContent = cmd;
425
  terminalOutput.insertBefore(newLine, commandLine.parentNode);
426
 
427
- // Réactiver le curseur
428
  commandLine.classList.add('border-r-2', 'animate-pulse');
429
  commandLine.textContent = ' ';
430
 
431
- // Passer à la commande suivante
432
  setTimeout(typeCommand, 1000);
433
  }, 500);
434
  }
435
- }, 50);
436
  } else {
437
- // Recommencer
438
  currentCommand = 0;
439
  setTimeout(typeCommand, 3000);
440
  }
441
  }
442
 
443
- // Démarrer l'animation du terminal
444
  setTimeout(typeCommand, 1000);
445
 
446
  // Animation du statut du système
447
  setInterval(() => {
448
  const status = document.getElementById('systemStatus');
449
- if (status.textContent === "OPÉRATIONNEL") {
450
- status.textContent = "ACTIF";
451
- status.className = "text-cyan-400";
452
  } else {
453
- status.textContent = "OPÉRATIONNEL";
454
  status.className = "text-green-500";
455
  }
456
  }, 5000);
457
 
458
- // Effet holographique aléatoire
459
- const holographicElements = document.querySelectorAll('.holographic-effect');
460
- setInterval(() => {
461
- holographicElements.forEach(el => {
462
- if (Math.random() > 0.7) {
463
- el.style.opacity = 0.9 + Math.random() * 0.1;
464
- }
465
- });
466
- }, 3000);
467
-
468
- // Boutons de terminal (ALERTE, CYBER, LOG)
469
- document.getElementById('alertBtn').addEventListener('click', function() {
470
- addTerminalMessage("> Système d'alerte activé - Passage en mode haute sécurité", "text-red-400");
471
  });
472
 
473
- document.getElementById('cyberBtn').addEventListener('click', function() {
474
- addTerminalMessage("> Interface cybernétique initialisée - Accès aux armes IA autorisé", "text-purple-400");
475
  });
476
 
477
- document.getElementById('logBtn').addEventListener('click', function() {
478
- addTerminalMessage("> Journal système affiché - 5,463,210 outils opérationnels", "text-yellow-400");
479
  });
480
 
481
  function addTerminalMessage(message, colorClass) {
@@ -486,171 +455,140 @@
486
  terminalOutput.scrollTop = terminalOutput.scrollHeight;
487
  }
488
 
489
- // Sélecteur de niveau de sécurité
490
- const securityLevel = document.getElementById('securityLevel');
491
- const securityLevelDisplay = document.getElementById('securityLevelDisplay');
492
 
493
- securityLevel.addEventListener('input', function() {
494
  const level = this.value;
495
- securityLevelDisplay.textContent = `NIVEAU ${level}`;
496
 
497
- // Changer la couleur en fonction du niveau
498
- if (level >= 8) {
499
- securityLevelDisplay.className = "bg-red-600 px-3 py-1 rounded-lg text-xs";
500
- } else if (level >= 5) {
501
- securityLevelDisplay.className = "bg-yellow-600 px-3 py-1 rounded-lg text-xs";
502
  } else {
503
- securityLevelDisplay.className = "bg-green-600 px-3 py-1 rounded-lg text-xs";
504
  }
505
  });
506
 
507
- // Bouton de génération
508
- document.getElementById('generateBtn').addEventListener('click', function() {
509
- const siteType = document.getElementById('siteType').value;
510
- const securityLevel = document.getElementById('securityLevel').value;
511
 
512
- // Animation de chargement
513
- this.innerHTML = '<i class="fas fa-cog fa-spin mr-2"></i> GÉNÉRATION EN COURS...';
514
- this.classList.add('bg-cyan-800');
515
 
516
- // Simuler un temps de génération
517
  setTimeout(() => {
518
- // Mettre à jour les statistiques
519
- const sitesCreated = document.getElementById('sitesCreated');
520
- sitesCreated.textContent = (parseInt(sitesCreated.textContent.replace(/,/g, '')) + 1).toLocaleString();
521
 
522
- // Ajouter un message de confirmation
523
- addTerminalMessage(`> Site "${siteType}" généré avec succès (Sécurité: Niveau ${securityLevel})`, "text-green-400");
524
 
525
- // Réinitialiser le bouton
526
- this.innerHTML = '<i class="fas fa-rocket mr-2"></i> GÉNÉRER LE SITE';
527
- this.classList.remove('bg-cyan-800');
528
- this.classList.add('bg-cyan-600');
529
 
530
- // Augmenter temporairement la charge système
531
  simulateSystemLoad();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
532
  }, 2000);
533
  });
534
 
535
- // Bouton d'options avancées
536
- document.getElementById('optionsBtn').addEventListener('click', function() {
537
- addTerminalMessage("> Ouverture du panneau de configuration avancée...", "text-cyan-400");
538
 
539
- // Créer une modale d'options
540
- const modal = document.createElement('div');
541
- modal.className = 'fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50';
542
- modal.innerHTML = `
543
- <div class="cyber-terminal rounded-xl p-6 w-full max-w-2xl">
544
- <div class="flex justify-between items-center mb-6">
545
- <h2 class="text-2xl font-bold text-cyan-400">OPTIONS AVANCÉES</h2>
546
- <button id="closeModal" class="text-gray-400 hover:text-white">
547
- <i class="fas fa-times"></i>
548
- </button>
549
- </div>
550
- <div class="space-y-4">
551
- <div>
552
- <label class="block text-cyan-400 mb-2">MODE DE CRÉATION</label>
553
- <select class="w-full bg-gray-900 border border-cyan-500 rounded-lg p-2">
554
- <option>Standard</option>
555
- <option>Avancé</option>
556
- <option>Expert</option>
557
- <option>Militaire</option>
558
- <option>Quantum</option>
559
- </select>
560
- </div>
561
- <div>
562
- <label class="block text-cyan-400 mb-2">NIVEAU DE CRYPTAGE</label>
563
- <input type="range" min="1" max="10" value="5" class="w-full">
564
- </div>
565
- <div class="flex items-center">
566
- <input type="checkbox" id="autoUpdate" class="mr-2">
567
- <label for="autoUpdate" class="text-cyan-400">Mise à jour automatique des armes IA</label>
568
- </div>
569
- </div>
570
- <div class="mt-6 flex justify-end space-x-4">
571
- <button id="saveOptions" class="px-4 py-2 bg-cyan-600 hover:bg-cyan-700 rounded-lg font-bold">
572
- ENREGISTRER
573
- </button>
574
- <button id="cancelOptions" class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg font-bold">
575
- ANNULER
576
- </button>
577
- </div>
578
- </div>
579
- `;
580
-
581
- document.body.appendChild(modal);
582
 
583
- // Gestion de la fermeture de la modale
584
- document.getElementById('closeModal').addEventListener('click', function() {
585
- document.body.removeChild(modal);
586
- });
 
 
 
 
 
 
 
 
 
 
 
 
587
 
588
- document.getElementById('cancelOptions').addEventListener('click', function() {
589
- document.body.removeChild(modal);
590
- });
591
 
592
- document.getElementById('saveOptions').addEventListener('click', function() {
593
- addTerminalMessage("> Options avancées enregistrées avec succès", "text-green-400");
594
- document.body.removeChild(modal);
595
- });
 
 
 
 
 
 
 
596
  });
597
 
598
- // Boutons d'armes
599
- document.querySelectorAll('.weapon-btn').forEach(btn => {
600
  btn.addEventListener('click', function() {
601
- const weapon = this.getAttribute('data-weapon');
602
  let message = "";
603
 
604
- switch(weapon) {
605
- case 'tactique':
606
- message = "> Générateur IA Tactique initialisé - Prêt pour le déploiement";
607
- break;
608
- case 'cyber':
609
- message = "> Cyber-Défense Quantum activée - Protection maximale engagée";
610
  break;
611
- case 'drones':
612
- message = "> Simulateur de Drones lancé - Flotte autonome en attente";
613
  break;
614
  case 'satellite':
615
- message = "> Réseau Satellite Global connecté - Surveillance mondiale active";
 
 
 
616
  break;
617
  }
618
 
619
- addTerminalMessage(message, "text-cyan-400");
620
  });
621
  });
622
 
623
- // Bouton de scan radar
624
- document.getElementById('scanBtn').addEventListener('click', function() {
625
- this.innerHTML = '<i class="fas fa-cog fa-spin mr-2"></i> SCAN EN COURS...';
626
- this.classList.add('bg-green-900');
627
-
628
- // Animation des cibles
629
- const targets = document.querySelectorAll('.target');
630
- targets.forEach(target => {
631
- target.style.display = 'none';
632
- });
633
-
634
- // Simuler un nouveau scan
635
- setTimeout(() => {
636
- // Générer un nombre aléatoire de cibles
637
- const numTargets = Math.floor(Math.random() * 5) + 1;
638
- const numThreats = Math.floor(Math.random() * 2);
639
-
640
- // Mettre à jour l'affichage
641
- document.getElementById('targetsDetected').textContent = numTargets;
642
- document.getElementById('threatsDetected').textContent = numThreats;
643
-
644
- // Réinitialiser le bouton
645
- this.innerHTML = '<i class="fas fa-sync-alt mr-2"></i> LANCER UN NOUVEAU SCAN';
646
- this.classList.remove('bg-green-900');
647
- this.classList.add('bg-green-800');
648
-
649
- // Ajouter un message de confirmation
650
- addTerminalMessage(`> Nouveau scan radar complété - ${numTargets} cibles détectées (${numThreats} menaces)`, "text-green-400");
651
- }, 1500);
652
- });
653
-
654
  // Boutons sociaux
655
  document.querySelectorAll('.social-btn').forEach(btn => {
656
  btn.addEventListener('click', function() {
@@ -658,64 +596,104 @@
658
  let message = "";
659
 
660
  switch(platform) {
661
- case 'github':
662
- message = "> Accès au dépôt GitHub refusé - Classification TOP SECRET";
663
  break;
664
- case 'discord':
665
- message = "> Connexion au serveur Discord établie - Canal crypté activé";
666
  break;
667
- case 'twitter':
668
- message = "> Twitter/X militaire - Publication de désinformation activée";
669
- break;
670
- case 'email':
671
- message = "> Système de messagerie cryptée initialisé - Prêt pour communication";
672
  break;
673
  }
674
 
675
- addTerminalMessage(message, "text-cyan-400");
676
  });
677
  });
678
 
679
  // Simulation de charge système
680
  function simulateSystemLoad() {
681
- const creationPower = document.getElementById('creationPower');
682
- const creationPowerBar = document.getElementById('creationPowerBar');
683
  const systemLoad = document.getElementById('systemLoad');
684
  const systemLoadBar = document.getElementById('systemLoadBar');
685
 
686
- // Augmenter temporairement la charge
687
- let load = 34;
688
  let power = 98;
689
 
690
  const interval = setInterval(() => {
691
- load = Math.min(load + 10, 90);
692
- power = Math.max(power - 5, 60);
693
 
694
  systemLoad.textContent = load + '%';
695
  systemLoadBar.style.width = load + '%';
696
- creationPower.textContent = power + '%';
697
- creationPowerBar.style.width = power + '%';
698
 
699
- if (load >= 90) {
700
  clearInterval(interval);
701
 
702
- // Revenir progressivement à la normale
703
  const recovery = setInterval(() => {
704
- load = Math.max(load - 2, 34);
705
- power = Math.min(power + 1, 98);
706
 
707
  systemLoad.textContent = load + '%';
708
  systemLoadBar.style.width = load + '%';
709
- creationPower.textContent = power + '%';
710
- creationPowerBar.style.width = power + '%';
711
 
712
- if (load <= 34) {
713
  clearInterval(recovery);
714
  }
715
  }, 200);
716
  }
717
  }, 100);
718
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
719
  </script>
720
  <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/mega-armamennt-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
721
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>MEGA-HACKER AI - Système de Hacking Ultime</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
+ .hacker-gradient {
11
+ background: linear-gradient(135deg, #000000 0%, #0a0a2a 50%, #1a0033 100%);
12
  }
13
  .cyber-terminal {
14
+ background: rgba(0, 10, 20, 0.8);
15
+ border: 1px solid rgba(0, 255, 0, 0.3);
16
+ box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
17
  }
18
+ .matrix-effect {
19
  position: relative;
20
  overflow: hidden;
21
  }
22
+ .matrix-effect::before {
23
  content: '';
24
  position: absolute;
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ background:
30
+ linear-gradient(rgba(0, 255, 0, 0.1) 1px, transparent 1px),
31
+ linear-gradient(90deg, rgba(0, 255, 0, 0.1) 1px, transparent 1px);
32
+ background-size: 20px 20px;
33
+ animation: matrix 3s linear infinite;
 
 
 
34
  }
35
+ @keyframes matrix {
36
+ 0% { background-position: 0 0; }
37
+ 100% { background-position: 20px 20px; }
38
  }
39
+ .hacker-card {
40
  transition: all 0.3s ease;
41
  transform-style: preserve-3d;
42
  }
43
+ .hacker-card:hover {
44
  transform: translateY(-10px) rotateX(5deg);
45
+ box-shadow: 0 20px 30px rgba(0, 255, 0, 0.2);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  }
47
  .cyber-text {
48
+ text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00;
49
  }
50
+ .btn-hack {
51
  position: relative;
52
  overflow: hidden;
53
  }
54
+ .btn-hack:active::after {
55
  content: '';
56
  position: absolute;
57
  top: 50%;
58
  left: 50%;
59
  width: 5px;
60
  height: 5px;
61
+ background: rgba(0, 255, 0, 0.5);
62
  border-radius: 100%;
63
  transform: scale(1, 1) translate(-50%, -50%);
64
  transform-origin: 50% 50%;
 
68
  0% { transform: scale(0.1, 0.1) translate(-50%, -50%); opacity: 1; }
69
  100% { transform: scale(20, 20) translate(-50%, -50%); opacity: 0; }
70
  }
71
+ .progress-bar {
72
+ height: 4px;
73
+ background: linear-gradient(90deg, #00ff00, #00cc00);
74
+ animation: progress 2s ease-in-out infinite;
75
+ }
76
+ @keyframes progress {
77
+ 0% { background-position: 0% 50%; }
78
+ 50% { background-position: 100% 50%; }
79
+ 100% { background-position: 0% 50%; }
80
+ }
81
  </style>
82
  </head>
83
+ <body class="hacker-gradient text-green-400 min-h-screen font-mono">
84
+ <!-- Interface de hacking principale -->
85
  <div class="container mx-auto px-4 py-8">
86
+ <!-- En-tête hacker -->
87
  <header class="flex justify-between items-center mb-12">
88
  <div class="flex items-center">
89
+ <div class="w-16 h-16 bg-black rounded-full flex items-center justify-center mr-4 border-2 border-green-500">
90
+ <i class="fas fa-skull-crossbones text-3xl text-green-500"></i>
91
  </div>
92
  <div>
93
+ <h1 class="text-4xl font-bold cyber-text">MEGA-HACKER AI</h1>
94
+ <p class="text-green-500">Armée de 4,785,444 IA de hacking ultime</p>
95
  </div>
96
  </div>
97
+ <div class="bg-black bg-opacity-50 px-4 py-2 rounded-lg border border-green-500">
98
  <div class="flex items-center">
99
+ <div class="w-3 h-3 bg-green-500 rounded-full mr-2 animate-pulse"></div>
100
+ <span>STATUS: <span id="systemStatus" class="text-green-500">ACTIF</span></span>
101
  </div>
102
  </div>
103
  </header>
 
105
  <!-- Tableau de bord principal -->
106
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
107
  <!-- Terminal de contrôle -->
108
+ <div class="cyber-terminal rounded-xl p-6 col-span-2 matrix-effect">
109
  <div class="flex justify-between items-center mb-6">
110
+ <h2 class="text-2xl font-bold text-green-500">TERMINAL DE HACKING</h2>
111
  <div class="flex space-x-2">
112
+ <button id="attackBtn" class="px-3 py-1 bg-red-900 hover:bg-red-800 rounded-lg text-xs btn-hack">ATTAQUE</button>
113
+ <button id="stealthBtn" class="px-3 py-1 bg-gray-900 hover:bg-gray-800 rounded-lg text-xs btn-hack">FURTIF</button>
114
+ <button id="overrideBtn" class="px-3 py-1 bg-purple-900 hover:bg-purple-800 rounded-lg text-xs btn-hack">OVERRIDE</button>
115
  </div>
116
  </div>
117
 
118
+ <div id="terminalOutput" class="bg-black bg-opacity-70 p-4 rounded-lg mb-4 h-64 overflow-y-auto text-sm">
119
+ <p class="text-green-400">> Initialisation du système MEGA-HACKER AI v10.7.3</p>
120
+ <p class="text-green-400">> Chargement de 4,785,444 IA de hacking</p>
121
+ <p class="text-green-400">> Connexion aux réseaux mondiaux...</p>
122
+ <p class="text-yellow-400">> Bypass des pare-feux gouvernementaux...</p>
123
+ <p class="text-green-400">> Système prêt pour infiltration</p>
124
+ <p class="text-white mt-4">> <span id="commandLine" class="border-r-2 border-green-500 animate-pulse">_</span></p>
125
  </div>
126
 
127
  <div class="grid grid-cols-2 gap-4">
128
  <div>
129
+ <label class="block text-green-500 mb-2">CIBLE PRINCIPALE</label>
130
+ <select id="targetType" class="w-full bg-black border border-green-500 rounded-lg p-2 hover:border-green-400 transition">
131
+ <option>Réseaux TV Globaux</option>
132
+ <option>Systèmes Bancaires</option>
133
+ <option>Infrastructures Gouvernementales</option>
134
+ <option>Réseaux Militaires</option>
135
+ <option>Satellites de Communication</option>
136
  </select>
137
  </div>
138
  <div>
139
+ <label class="block text-green-500 mb-2">PUISSANCE D'ATTAQUE</label>
140
  <div class="flex items-center">
141
+ <input id="attackPower" type="range" min="1" max="10" value="8" class="w-full mr-4 hover:cursor-pointer">
142
+ <span id="attackPowerDisplay" class="bg-red-600 px-3 py-1 rounded-lg text-xs">NIVEAU 8</span>
143
  </div>
144
  </div>
145
  </div>
146
 
147
  <div class="mt-6 flex justify-between">
148
+ <button id="hackBtn" class="px-6 py-3 bg-green-600 hover:bg-green-700 rounded-lg font-bold flex items-center btn-hack">
149
+ <i class="fas fa-terminal mr-2"></i> LANCER L'ATTAQUE
150
  </button>
151
+ <button id="deployBtn" class="px-6 py-3 bg-gray-800 hover:bg-gray-700 rounded-lg font-bold flex items-center btn-hack">
152
+ <i class="fas fa-robot mr-2"></i> DÉPLOYER LES IA
153
  </button>
154
  </div>
155
  </div>
156
 
157
  <!-- Statistiques du système -->
158
  <div class="cyber-terminal rounded-xl p-6">
159
+ <h2 class="text-2xl font-bold text-green-500 mb-6">STATISTIQUES IA</h2>
160
 
161
  <div class="space-y-4">
162
  <div>
163
  <div class="flex justify-between mb-1">
164
+ <span>PUISSANCE DE HACKING</span>
165
+ <span id="hackingPower">98%</span>
166
  </div>
167
  <div class="w-full bg-gray-800 rounded-full h-2.5">
168
+ <div id="hackingPowerBar" class="bg-green-600 h-2.5 rounded-full" style="width: 98%"></div>
169
  </div>
170
  </div>
171
 
172
  <div>
173
  <div class="flex justify-between mb-1">
174
+ <span>IA ACTIVES</span>
175
+ <span>4,785,444/4,785,444</span>
176
  </div>
177
  <div class="w-full bg-gray-800 rounded-full h-2.5">
178
  <div class="bg-purple-600 h-2.5 rounded-full" style="width: 100%"></div>
 
182
  <div>
183
  <div class="flex justify-between mb-1">
184
  <span>CHARGE DU SYSTÈME</span>
185
+ <span id="systemLoad">28%</span>
186
  </div>
187
  <div class="w-full bg-gray-800 rounded-full h-2.5">
188
+ <div id="systemLoadBar" class="bg-yellow-500 h-2.5 rounded-full" style="width: 28%"></div>
189
  </div>
190
  </div>
191
 
192
+ <div class="pt-4 border-t border-green-900 mt-4">
193
  <div class="flex justify-between items-center">
194
  <div>
195
+ <div class="text-sm text-gray-400">SYSTÈMES PIRATÉS</div>
196
+ <div id="systemsHacked" class="text-2xl font-bold">12,847</div>
197
  </div>
198
+ <div class="w-16 h-16 bg-green-900 rounded-full flex items-center justify-center">
199
+ <i class="fas fa-shield-halved text-2xl text-green-400"></i>
200
  </div>
201
  </div>
202
  </div>
 
204
  </div>
205
  </div>
206
 
207
+ <!-- Outils de hacking -->
208
+ <h2 class="text-3xl font-bold mb-6 text-center cyber-text">OUTILS DE HACKING ULTIME</h2>
209
 
210
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
211
  <!-- Carte d'outil 1 -->
212
+ <div class="hacker-card bg-black rounded-xl overflow-hidden border border-green-500">
213
+ <div class="h-48 bg-gradient-to-br from-green-900 to-black flex items-center justify-center">
214
+ <i class="fas fa-tv text-6xl text-green-400"></i>
215
  </div>
216
  <div class="p-4">
217
+ <h3 class="text-xl font-bold mb-2">HACK TV GLOBAL</h3>
218
+ <p class="text-gray-400 text-sm mb-4">Prendre le contrôle de tous les réseaux TV mondiaux en temps réel.</p>
219
  <div class="flex justify-between items-center">
220
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">NIVEAU 10</span>
221
+ <button class="tool-btn text-green-400 hover:text-green-300 btn-hack" data-tool="tv">
222
  <i class="fas fa-arrow-right"></i>
223
  </button>
224
  </div>
 
226
  </div>
227
 
228
  <!-- Carte d'outil 2 -->
229
+ <div class="hacker-card bg-black rounded-xl overflow-hidden border border-red-500">
230
+ <div class="h-48 bg-gradient-to-br from-red-900 to-black flex items-center justify-center">
231
+ <i class="fas fa-lock-open text-6xl text-red-400"></i>
232
  </div>
233
  <div class="p-4">
234
+ <h3 class="text-xl font-bold mb-2">CRACKER QUANTUM</h3>
235
+ <p class="text-gray-400 text-sm mb-4">Briser n'importe quel cryptage en moins de 0.3 secondes.</p>
236
  <div class="flex justify-between items-center">
237
+ <span class="text-xs bg-red-900 px-2 py-1 rounded">NIVEAU 9</span>
238
+ <button class="tool-btn text-red-400 hover:text-red-300 btn-hack" data-tool="cracker">
239
  <i class="fas fa-arrow-right"></i>
240
  </button>
241
  </div>
 
243
  </div>
244
 
245
  <!-- Carte d'outil 3 -->
246
+ <div class="hacker-card bg-black rounded-xl overflow-hidden border border-blue-500">
247
+ <div class="h-48 bg-gradient-to-br from-blue-900 to-black flex items-center justify-center">
248
+ <i class="fas fa-satellite-dish text-6xl text-blue-400"></i>
249
  </div>
250
  <div class="p-4">
251
+ <h3 class="text-xl font-bold mb-2">SATELLITE OVERRIDE</h3>
252
+ <p class="text-gray-400 text-sm mb-4">Contrôle total des réseaux satellites mondiaux.</p>
253
  <div class="flex justify-between items-center">
254
+ <span class="text-xs bg-blue-900 px-2 py-1 rounded">NIVEAU 8</span>
255
+ <button class="tool-btn text-blue-400 hover:text-blue-300 btn-hack" data-tool="satellite">
256
  <i class="fas fa-arrow-right"></i>
257
  </button>
258
  </div>
 
260
  </div>
261
 
262
  <!-- Carte d'outil 4 -->
263
+ <div class="hacker-card bg-black rounded-xl overflow-hidden border border-purple-500">
264
+ <div class="h-48 bg-gradient-to-br from-purple-900 to-black flex items-center justify-center">
265
+ <i class="fas fa-brain text-6xl text-purple-400"></i>
266
  </div>
267
  <div class="p-4">
268
+ <h3 class="text-xl font-bold mb-2">NEURAL OVERLOAD</h3>
269
+ <p class="text-gray-400 text-sm mb-4">1,000,000 IA spécialisées dans le hacking neural.</p>
270
  <div class="flex justify-between items-center">
271
+ <span class="text-xs bg-purple-900 px-2 py-1 rounded">NIVEAU 10</span>
272
+ <button class="tool-btn text-purple-400 hover:text-purple-300 btn-hack" data-tool="neural">
273
  <i class="fas fa-arrow-right"></i>
274
  </button>
275
  </div>
 
277
  </div>
278
  </div>
279
 
280
+ <!-- Panneau de contrôle des IA -->
281
+ <div class="cyber-terminal rounded-xl p-6 mb-12">
282
  <div class="flex justify-between items-center mb-6">
283
+ <h2 class="text-2xl font-bold text-green-500">CONTRÔLE DE L'ARMÉE IA</h2>
284
  <div class="flex space-x-2">
285
+ <div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>
286
+ <div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>
287
+ <div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>
288
  </div>
289
  </div>
290
 
291
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
292
+ <div class="bg-black bg-opacity-50 p-4 rounded-lg border border-green-500">
293
+ <div class="flex justify-between items-center mb-4">
294
+ <h3 class="font-bold">IA DE PIRATAGE TV</h3>
295
+ <span class="text-xs bg-green-900 px-2 py-1 rounded">1,245,678 UNITÉS</span>
296
+ </div>
297
+ <p class="text-sm text-gray-400 mb-4">Spécialisées dans la prise de contrôle des réseaux de diffusion mondiaux.</p>
298
+ <div class="progress-bar rounded-full mb-2"></div>
299
+ <div class="flex justify-between text-xs">
300
+ <span>DISPONIBLES</span>
301
+ <span>100%</span>
302
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
303
  </div>
304
+
305
+ <div class="bg-black bg-opacity-50 p-4 rounded-lg border border-blue-500">
306
+ <div class="flex justify-between items-center mb-4">
307
+ <h3 class="font-bold">IA DE CRYPTAGE</h3>
308
+ <span class="text-xs bg-blue-900 px-2 py-1 rounded">987,654 UNITÉS</span>
309
+ </div>
310
+ <p class="text-sm text-gray-400 mb-4">Capables de briser n'importe quel système de sécurité en moins d'une seconde.</p>
311
+ <div class="progress-bar rounded-full mb-2"></div>
312
+ <div class="flex justify-between text-xs">
313
+ <span>DISPONIBLES</span>
314
+ <span>100%</span>
315
+ </div>
316
  </div>
317
+
318
+ <div class="bg-black bg-opacity-50 p-4 rounded-lg border border-purple-500">
319
+ <div class="flex justify-between items-center mb-4">
320
+ <h3 class="font-bold">IA FURTIVES</h3>
321
+ <span class="text-xs bg-purple-900 px-2 py-1 rounded">2,552,112 UNITÉS</span>
322
+ </div>
323
+ <p class="text-sm text-gray-400 mb-4">Infiltration silencieuse sans laisser de traces.</p>
324
+ <div class="progress-bar rounded-full mb-2"></div>
325
+ <div class="flex justify-between text-xs">
326
+ <span>DISPONIBLES</span>
327
+ <span>100%</span>
328
+ </div>
329
  </div>
330
  </div>
331
 
332
+ <div class="mt-6 flex justify-center">
333
+ <button id="deployAllBtn" class="px-6 py-3 bg-green-800 hover:bg-green-700 rounded-lg font-bold btn-hack">
334
+ <i class="fas fa-bomb mr-2"></i> DÉPLOYER TOUTE L'ARMÉE
335
  </button>
336
  </div>
337
  </div>
338
 
339
  <!-- Pied de page sécurisé -->
340
+ <footer class="border-t border-green-900 pt-6 mt-12">
341
  <div class="flex flex-col md:flex-row justify-between items-center">
342
  <div class="flex items-center mb-4 md:mb-0">
343
+ <div class="w-10 h-10 bg-black rounded-full flex items-center justify-center mr-3 border border-green-500">
344
+ <i class="fas fa-user-secret text-green-500"></i>
345
  </div>
346
  <div>
347
+ <div class="font-bold">MEGA-HACKER AI</div>
348
+ <div class="text-xs text-gray-400">Système de niveau militaire - Classification TOP SECRET</div>
349
  </div>
350
  </div>
351
 
352
  <div class="flex space-x-4">
353
+ <button class="social-btn text-gray-400 hover:text-green-400 btn-hack" data-social="darkweb">
354
+ <i class="fas fa-skull"></i>
 
 
 
355
  </button>
356
+ <button class="social-btn text-gray-400 hover:text-green-400 btn-hack" data-social="tor">
357
+ <i class="fas fa-lock"></i>
358
  </button>
359
+ <button class="social-btn text-gray-400 hover:text-green-400 btn-hack" data-social="anonymous">
360
+ <i class="fas fa-mask"></i>
361
  </button>
362
  </div>
363
 
364
  <div class="mt-4 md:mt-0">
365
  <div class="text-xs text-gray-500">
366
+ © 2023 MEGA-HACKER AI. Tous droits réservés.
367
+ <span class="block md:inline">Avertissement: Ce système est illégal sans autorisation gouvernementale.</span>
368
  </div>
369
  </div>
370
  </div>
 
374
  <script>
375
  // Simulation de terminal
376
  const commands = [
377
+ "> Connexion aux réseaux TV mondiaux...",
378
+ "> Bypass des protocoles de sécurité...",
379
+ "> Injection des IA de hacking...",
380
+ "> Préparation du piratage global...",
381
+ "> Chargement des algorithmes quantiques...",
382
+ "> Système prêt pour attaque massive..."
383
  ];
384
 
385
  let currentCommand = 0;
 
391
  const cmd = commands[currentCommand];
392
  let i = 0;
393
 
 
394
  commandLine.textContent = '';
395
  commandLine.classList.remove('border-r-2', 'animate-pulse');
396
 
 
397
  const typing = setInterval(() => {
398
  if (i < cmd.length) {
399
  commandLine.textContent += cmd.charAt(i);
 
402
  clearInterval(typing);
403
  currentCommand++;
404
  setTimeout(() => {
 
405
  const newLine = document.createElement('p');
406
  newLine.className = 'text-green-400';
407
  newLine.textContent = cmd;
408
  terminalOutput.insertBefore(newLine, commandLine.parentNode);
409
 
 
410
  commandLine.classList.add('border-r-2', 'animate-pulse');
411
  commandLine.textContent = ' ';
412
 
 
413
  setTimeout(typeCommand, 1000);
414
  }, 500);
415
  }
416
+ }, 30);
417
  } else {
 
418
  currentCommand = 0;
419
  setTimeout(typeCommand, 3000);
420
  }
421
  }
422
 
 
423
  setTimeout(typeCommand, 1000);
424
 
425
  // Animation du statut du système
426
  setInterval(() => {
427
  const status = document.getElementById('systemStatus');
428
+ if (status.textContent === "ACTIF") {
429
+ status.textContent = "EN MISSION";
430
+ status.className = "text-yellow-500";
431
  } else {
432
+ status.textContent = "ACTIF";
433
  status.className = "text-green-500";
434
  }
435
  }, 5000);
436
 
437
+ // Boutons de terminal (ATTAQUE, FURTIF, OVERRIDE)
438
+ document.getElementById('attackBtn').addEventListener('click', function() {
439
+ addTerminalMessage("> Mode attaque activé - Préparation de l'assaut global", "text-red-400");
 
 
 
 
 
 
 
 
 
 
440
  });
441
 
442
+ document.getElementById('stealthBtn').addEventListener('click', function() {
443
+ addTerminalMessage("> Mode furtif activé - Infiltration silencieuse en cours", "text-blue-400");
444
  });
445
 
446
+ document.getElementById('overrideBtn').addEventListener('click', function() {
447
+ addTerminalMessage("> Override système - Prise de contrôle totale initiée", "text-purple-400");
448
  });
449
 
450
  function addTerminalMessage(message, colorClass) {
 
455
  terminalOutput.scrollTop = terminalOutput.scrollHeight;
456
  }
457
 
458
+ // Sélecteur de puissance d'attaque
459
+ const attackPower = document.getElementById('attackPower');
460
+ const attackPowerDisplay = document.getElementById('attackPowerDisplay');
461
 
462
+ attackPower.addEventListener('input', function() {
463
  const level = this.value;
464
+ attackPowerDisplay.textContent = `NIVEAU ${level}`;
465
 
466
+ if (level >= 9) {
467
+ attackPowerDisplay.className = "bg-red-600 px-3 py-1 rounded-lg text-xs";
468
+ } else if (level >= 6) {
469
+ attackPowerDisplay.className = "bg-yellow-600 px-3 py-1 rounded-lg text-xs";
 
470
  } else {
471
+ attackPowerDisplay.className = "bg-green-600 px-3 py-1 rounded-lg text-xs";
472
  }
473
  });
474
 
475
+ // Bouton de hacking principal
476
+ document.getElementById('hackBtn').addEventListener('click', function() {
477
+ const targetType = document.getElementById('targetType').value;
478
+ const attackLevel = document.getElementById('attackPower').value;
479
 
480
+ this.innerHTML = '<i class="fas fa-cog fa-spin mr-2"></i> HACKING EN COURS...';
481
+ this.classList.add('bg-green-800');
 
482
 
 
483
  setTimeout(() => {
484
+ const systemsHacked = document.getElementById('systemsHacked');
485
+ systemsHacked.textContent = (parseInt(systemsHacked.textContent.replace(/,/g, '')) + 1).toLocaleString();
 
486
 
487
+ addTerminalMessage(`> ${targetType} piraté avec succès (Niveau: ${attackLevel})`, "text-green-400");
488
+ addTerminalMessage("> Injection de code malveillant terminée", "text-red-400");
489
 
490
+ this.innerHTML = '<i class="fas fa-terminal mr-2"></i> LANCER L\'ATTAQUE';
491
+ this.classList.remove('bg-green-800');
492
+ this.classList.add('bg-green-600');
 
493
 
 
494
  simulateSystemLoad();
495
+
496
+ // Si c'est une attaque TV, montrer un message spécial
497
+ if (targetType.includes("TV")) {
498
+ setTimeout(() => {
499
+ addTerminalMessage("> Contrôle total des réseaux TV acquis", "text-green-400");
500
+ addTerminalMessage("> Diffusion de message alternatif en cours...", "text-yellow-400");
501
+
502
+ // Créer une alerte visuelle
503
+ const tvAlert = document.createElement('div');
504
+ tvAlert.className = 'fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50';
505
+ tvAlert.innerHTML = `
506
+ <div class="cyber-terminal rounded-xl p-8 w-full max-w-4xl text-center">
507
+ <h2 class="text-3xl font-bold text-red-500 mb-6">SYSTÈME TV PIRATÉ</h2>
508
+ <div class="text-xl mb-6">Tous les réseaux de télévision mondiaux sont maintenant sous notre contrôle</div>
509
+ <div class="text-5xl text-green-500 font-bold mb-6">MEGA-HACKER AI</div>
510
+ <div class="text-gray-400 mb-8">4,785,444 IA actives - Système inviolable</div>
511
+ <button id="closeTvAlert" class="px-6 py-3 bg-red-600 hover:bg-red-700 rounded-lg font-bold">
512
+ FERMER L'ALERTE
513
+ </button>
514
+ </div>
515
+ `;
516
+
517
+ document.body.appendChild(tvAlert);
518
+
519
+ document.getElementById('closeTvAlert').addEventListener('click', function() {
520
+ document.body.removeChild(tvAlert);
521
+ });
522
+ }, 1500);
523
+ }
524
  }, 2000);
525
  });
526
 
527
+ // Bouton de déploiement d'IA
528
+ document.getElementById('deployBtn').addEventListener('click', function() {
529
+ addTerminalMessage("> Déploiement de 1,000,000 IA spécialisées...", "text-green-400");
530
 
531
+ this.innerHTML = '<i class="fas fa-cog fa-spin mr-2"></i> DÉPLOIEMENT...';
532
+ this.classList.add('bg-gray-900');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
533
 
534
+ setTimeout(() => {
535
+ addTerminalMessage("> 1,000,000 IA déployées avec succès", "text-green-400");
536
+ addTerminalMessage("> Préparation de l'assaut final...", "text-red-400");
537
+
538
+ this.innerHTML = '<i class="fas fa-robot mr-2"></i> DÉPLOYER LES IA';
539
+ this.classList.remove('bg-gray-900');
540
+ this.classList.add('bg-gray-800');
541
+
542
+ simulateSystemLoad();
543
+ }, 3000);
544
+ });
545
+
546
+ // Bouton de déploiement de toute l'armée
547
+ document.getElementById('deployAllBtn').addEventListener('click', function() {
548
+ addTerminalMessage("> ALERTE: Déploiement de TOUTE l'armée IA", "text-red-400");
549
+ addTerminalMessage("> 4,785,444 unités activées...", "text-purple-400");
550
 
551
+ this.innerHTML = '<i class="fas fa-cog fa-spin mr-2"></i> DÉPLOIEMENT TOTAL...';
552
+ this.classList.add('bg-red-800');
 
553
 
554
+ setTimeout(() => {
555
+ addTerminalMessage("> Toutes les IA sont déployées", "text-green-400");
556
+ addTerminalMessage("> Attaque globale initiée sur toutes les cibles", "text-red-400");
557
+
558
+ this.innerHTML = '<i class="fas fa-bomb mr-2"></i> DÉPLOYER TOUTE L\'ARMÉE';
559
+ this.classList.remove('bg-red-800');
560
+ this.classList.add('bg-green-800');
561
+
562
+ // Simulation d'attaque massive
563
+ simulateMassiveAttack();
564
+ }, 5000);
565
  });
566
 
567
+ // Boutons d'outils
568
+ document.querySelectorAll('.tool-btn').forEach(btn => {
569
  btn.addEventListener('click', function() {
570
+ const tool = this.getAttribute('data-tool');
571
  let message = "";
572
 
573
+ switch(tool) {
574
+ case 'tv':
575
+ message = "> Activation du module TV HACK - Préparation de la prise de contrôle";
 
 
 
576
  break;
577
+ case 'cracker':
578
+ message = "> Quantum Cracker initialisé - Prêt à briser tous les cryptages";
579
  break;
580
  case 'satellite':
581
+ message = "> Satellite Override activé - Contrôle des réseaux orbitaux";
582
+ break;
583
+ case 'neural':
584
+ message = "> Neural Overload engagé - 1,000,000 IA neurales déployées";
585
  break;
586
  }
587
 
588
+ addTerminalMessage(message, "text-green-400");
589
  });
590
  });
591
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
592
  // Boutons sociaux
593
  document.querySelectorAll('.social-btn').forEach(btn => {
594
  btn.addEventListener('click', function() {
 
596
  let message = "";
597
 
598
  switch(platform) {
599
+ case 'darkweb':
600
+ message = "> Connexion au DarkWeb établie - Accès aux réseaux clandestins";
601
  break;
602
+ case 'tor':
603
+ message = "> Navigation TOR activée - Anonymat total garanti";
604
  break;
605
+ case 'anonymous':
606
+ message = "> Réseau Anonymous joint - Coordination des attaques";
 
 
 
607
  break;
608
  }
609
 
610
+ addTerminalMessage(message, "text-green-400");
611
  });
612
  });
613
 
614
  // Simulation de charge système
615
  function simulateSystemLoad() {
616
+ const hackingPower = document.getElementById('hackingPower');
617
+ const hackingPowerBar = document.getElementById('hackingPowerBar');
618
  const systemLoad = document.getElementById('systemLoad');
619
  const systemLoadBar = document.getElementById('systemLoadBar');
620
 
621
+ let load = 28;
 
622
  let power = 98;
623
 
624
  const interval = setInterval(() => {
625
+ load = Math.min(load + 15, 85);
626
+ power = Math.max(power - 8, 60);
627
 
628
  systemLoad.textContent = load + '%';
629
  systemLoadBar.style.width = load + '%';
630
+ hackingPower.textContent = power + '%';
631
+ hackingPowerBar.style.width = power + '%';
632
 
633
+ if (load >= 85) {
634
  clearInterval(interval);
635
 
 
636
  const recovery = setInterval(() => {
637
+ load = Math.max(load - 3, 28);
638
+ power = Math.min(power + 2, 98);
639
 
640
  systemLoad.textContent = load + '%';
641
  systemLoadBar.style.width = load + '%';
642
+ hackingPower.textContent = power + '%';
643
+ hackingPowerBar.style.width = power + '%';
644
 
645
+ if (load <= 28) {
646
  clearInterval(recovery);
647
  }
648
  }, 200);
649
  }
650
  }, 100);
651
  }
652
+
653
+ // Simulation d'attaque massive
654
+ function simulateMassiveAttack() {
655
+ addTerminalMessage("> ATTAQUE GLOBALE EN COURS", "text-red-400");
656
+
657
+ // Créer une animation d'attaque
658
+ const attackOverlay = document.createElement('div');
659
+ attackOverlay.className = 'fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50';
660
+ attackOverlay.innerHTML = `
661
+ <div class="text-center">
662
+ <div class="text-6xl text-red-500 font-bold mb-6 cyber-text">ATTAQUE GLOBALE</div>
663
+ <div class="text-2xl text-green-400 mb-8">4,785,444 IA en action</div>
664
+ <div class="grid grid-cols-3 gap-4 mb-8">
665
+ <div class="text-green-400">
666
+ <div class="text-4xl">1,245,678</div>
667
+ <div class="text-sm">TV HACKERS</div>
668
+ </div>
669
+ <div class="text-blue-400">
670
+ <div class="text-4xl">987,654</div>
671
+ <div class="text-sm">CRACKERS</div>
672
+ </div>
673
+ <div class="text-purple-400">
674
+ <div class="text-4xl">2,552,112</div>
675
+ <div class="text-sm">IA FURTIVES</div>
676
+ </div>
677
+ </div>
678
+ <div class="text-xl text-yellow-400 mb-8">Piratage de tous les systèmes en cours...</div>
679
+ <button id="closeAttack" class="px-6 py-3 bg-red-600 hover:bg-red-700 rounded-lg font-bold">
680
+ TERMINER LA SIMULATION
681
+ </button>
682
+ </div>
683
+ `;
684
+
685
+ document.body.appendChild(attackOverlay);
686
+
687
+ document.getElementById('closeAttack').addEventListener('click', function() {
688
+ document.body.removeChild(attackOverlay);
689
+ addTerminalMessage("> Attaque globale terminée - Tous systèmes compromis", "text-green-400");
690
+
691
+ // Mettre à jour le compteur
692
+ const systemsHacked = document.getElementById('systemsHacked');
693
+ const newCount = parseInt(systemsHacked.textContent.replace(/,/g, '')) + Math.floor(Math.random() * 1000) + 500;
694
+ systemsHacked.textContent = newCount.toLocaleString();
695
+ });
696
+ }
697
  </script>
698
  <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/mega-armamennt-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
699
  </html>
prompts.txt CHANGED
@@ -9,4 +9,5 @@ les bouton ne fonctionne pas pour lancer les jeu
9
  je veut un vrai simulateur avec vue reel
10
  https://clonebuddyai.com/dashboard
11
  creer une hyper puissant de site de plus de 5463210 outils d'armées IA de creations de site et générateur de site les plus puissant
12
- TOUTES LES BOUTONS DU SITE NE FONCTIONNE PAS
 
 
9
  je veut un vrai simulateur avec vue reel
10
  https://clonebuddyai.com/dashboard
11
  creer une hyper puissant de site de plus de 5463210 outils d'armées IA de creations de site et générateur de site les plus puissant
12
+ TOUTES LES BOUTONS DU SITE NE FONCTIONNE PAS
13
+ CREER LE PLUIS PUISSANT HACKER DE TOUT GRACE A UNE ARMEES TRES PUISSANTE DE 4785444 IA TRES PUISSANT HACKER TOUTES LES SYSTEME DE CODE DE TV . ET BOCOUP DAUTRE CHOCHE