Hugging Face's logo

Spaces:
docto41
/
corriger-et-modifier-code
Running

App Files Community
docto41 commited on
Commit
edafc53
·
verified ·
1 Parent(s): 3bb5985

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +683 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Corriger Et Modifier Code
3
- emoji: 🐠
4
- colorFrom: green
5
- colorTo: purple
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: corriger-et-modifier-code
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
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,683 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI Army - Website Correction Force</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
+ @keyframes pulse {
11
+ 0%, 100% { opacity: 0.6; }
12
+ 50% { opacity: 1; }
13
+ }
14
+ .soldier-active {
15
+ animation: pulse 2s infinite;
16
+ }
17
+ .code-container {
18
+ font-family: 'Courier New', monospace;
19
+ background-color: #1e293b;
20
+ border-radius: 0.5rem;
21
+ max-height: 400px;
22
+ overflow-y: auto;
23
+ }
24
+ .glow {
25
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
26
+ }
27
+ .progress-bar {
28
+ transition: width 0.5s ease-in-out;
29
+ }
30
+ .upload-area {
31
+ border: 2px dashed #64748b;
32
+ transition: all 0.3s;
33
+ }
34
+ .upload-area:hover {
35
+ border-color: #3b82f6;
36
+ background-color: rgba(59, 130, 246, 0.05);
37
+ }
38
+ .soldier-card:hover {
39
+ transform: translateY(-5px);
40
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
41
+ }
42
+ </style>
43
+ </head>
44
+ <body class="bg-gray-900 text-gray-100 min-h-screen">
45
+ <!-- Header -->
46
+ <header class="bg-gray-800 py-6 px-4 shadow-lg">
47
+ <div class="container mx-auto flex justify-between items-center">
48
+ <div class="flex items-center space-x-4">
49
+ <div class="bg-blue-500 p-2 rounded-lg">
50
+ <i class="fas fa-robot text-2xl"></i>
51
+ </div>
52
+ <h1 class="text-2xl font-bold">AI <span class="text-blue-400">Army</span></h1>
53
+ </div>
54
+ <nav>
55
+ <ul class="flex space-x-6">
56
+ <li><a href="#" class="hover:text-blue-400 transition">Dashboard</a></li>
57
+ <li><a href="#" class="hover:text-blue-400 transition">Mission Control</a></li>
58
+ <li><a href="#" class="hover:text-blue-400 transition">Reports</a></li>
59
+ <li><a href="#" class="hover:text-blue-400 transition">Settings</a></li>
60
+ </ul>
61
+ </nav>
62
+ </div>
63
+ </header>
64
+
65
+ <!-- Main Content -->
66
+ <main class="container mx-auto py-8 px-4">
67
+ <!-- Stats Overview -->
68
+ <section class="mb-12">
69
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
70
+ <div class="bg-gray-800 p-6 rounded-xl shadow-lg">
71
+ <div class="flex justify-between items-center">
72
+ <div>
73
+ <p class="text-gray-400">Total Soldiers</p>
74
+ <h3 class="text-3xl font-bold">10,000</h3>
75
+ </div>
76
+ <div class="bg-blue-500 p-3 rounded-full">
77
+ <i class="fas fa-robot text-xl"></i>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ <div class="bg-gray-800 p-6 rounded-xl shadow-lg">
82
+ <div class="flex justify-between items-center">
83
+ <div>
84
+ <p class="text-gray-400">Active Missions</p>
85
+ <h3 class="text-3xl font-bold">1,247</h3>
86
+ </div>
87
+ <div class="bg-green-500 p-3 rounded-full">
88
+ <i class="fas fa-bolt text-xl"></i>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ <div class="bg-gray-800 p-6 rounded-xl shadow-lg">
93
+ <div class="flex justify-between items-center">
94
+ <div>
95
+ <p class="text-gray-400">Sites Fixed</p>
96
+ <h3 class="text-3xl font-bold">8,562</h3>
97
+ </div>
98
+ <div class="bg-purple-500 p-3 rounded-full">
99
+ <i class="fas fa-check-circle text-xl"></i>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ <div class="bg-gray-800 p-6 rounded-xl shadow-lg">
104
+ <div class="flex justify-between items-center">
105
+ <div>
106
+ <p class="text-gray-400">Errors Fixed</p>
107
+ <h3 class="text-3xl font-bold">1.2M</h3>
108
+ </div>
109
+ <div class="bg-yellow-500 p-3 rounded-full">
110
+ <i class="fas fa-bug text-xl"></i>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </section>
116
+
117
+ <!-- Mission Control -->
118
+ <section class="mb-12">
119
+ <div class="bg-gray-800 rounded-xl shadow-lg overflow-hidden">
120
+ <div class="p-6 border-b border-gray-700">
121
+ <h2 class="text-xl font-bold flex items-center">
122
+ <i class="fas fa-satellite-dish mr-3 text-blue-400"></i>
123
+ Mission Control Center
124
+ </h2>
125
+ </div>
126
+ <div class="p-6">
127
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
128
+ <!-- Upload Section -->
129
+ <div class="lg:col-span-2">
130
+ <div class="mb-6">
131
+ <h3 class="text-lg font-semibold mb-4">Deploy Your AI Army</h3>
132
+ <p class="text-gray-400 mb-6">Upload your website files or provide a URL to deploy 10,000 AI soldiers to analyze and fix all issues.</p>
133
+
134
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
135
+ <button id="urlBtn" class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-4 rounded-lg transition flex items-center justify-center">
136
+ <i class="fas fa-link mr-2"></i> URL
137
+ </button>
138
+ <button id="zipBtn" class="bg-purple-600 hover:bg-purple-700 text-white py-3 px-4 rounded-lg transition flex items-center justify-center">
139
+ <i class="fas fa-file-archive mr-2"></i> ZIP File
140
+ </button>
141
+ <button id="codeBtn" class="bg-green-600 hover:bg-green-700 text-white py-3 px-4 rounded-lg transition flex items-center justify-center">
142
+ <i class="fas fa-code mr-2"></i> Paste Code
143
+ </button>
144
+ </div>
145
+
146
+ <!-- URL Input -->
147
+ <div id="urlInput" class="hidden mb-6">
148
+ <label class="block text-gray-400 mb-2">Website URL</label>
149
+ <div class="flex">
150
+ <input type="text" placeholder="https://example.com" class="bg-gray-700 text-white p-3 rounded-l-lg flex-grow focus:outline-none focus:ring-2 focus:ring-blue-500">
151
+ <button class="bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-r-lg transition">
152
+ Analyze
153
+ </button>
154
+ </div>
155
+ </div>
156
+
157
+ <!-- ZIP Upload -->
158
+ <div id="zipInput" class="hidden mb-6">
159
+ <label class="block text-gray-400 mb-2">Upload Website Files</label>
160
+ <div class="upload-area p-8 rounded-lg text-center cursor-pointer">
161
+ <i class="fas fa-cloud-upload-alt text-4xl text-blue-400 mb-3"></i>
162
+ <p class="text-gray-400">Drag & drop your ZIP file here</p>
163
+ <p class="text-sm text-gray-500 mt-2">or click to browse files</p>
164
+ <input type="file" class="hidden" accept=".zip,.rar,.7z">
165
+ </div>
166
+ </div>
167
+
168
+ <!-- Code Input -->
169
+ <div id="codeInput" class="hidden">
170
+ <label class="block text-gray-400 mb-2">Paste Your Code</label>
171
+ <div class="code-container p-4 mb-4">
172
+ <textarea class="w-full bg-transparent text-gray-300 resize-none h-40 focus:outline-none" placeholder="Paste your HTML, CSS, JavaScript code here..."></textarea>
173
+ </div>
174
+ <button class="bg-green-600 hover:bg-green-700 text-white py-3 px-6 rounded-lg transition">
175
+ Analyze Code
176
+ </button>
177
+ </div>
178
+ </div>
179
+ </div>
180
+
181
+ <!-- Soldier Visualization -->
182
+ <div>
183
+ <h3 class="text-lg font-semibold mb-4">Army Deployment Status</h3>
184
+ <div class="bg-gray-700 rounded-lg p-4 h-full">
185
+ <div class="grid grid-cols-10 gap-1 mb-4" id="soldierGrid">
186
+ <!-- Soldiers will be added here by JavaScript -->
187
+ </div>
188
+ <div class="mt-6">
189
+ <h4 class="text-gray-400 mb-2">Deployment Progress</h4>
190
+ <div class="w-full bg-gray-600 rounded-full h-4">
191
+ <div id="deploymentProgress" class="progress-bar bg-blue-500 h-4 rounded-full" style="width: 0%"></div>
192
+ </div>
193
+ <div class="flex justify-between text-sm text-gray-400 mt-2">
194
+ <span>0%</span>
195
+ <span>50%</span>
196
+ <span>100%</span>
197
+ </div>
198
+ </div>
199
+ <div class="mt-6">
200
+ <h4 class="text-gray-400 mb-2">Current Mission</h4>
201
+ <div class="bg-gray-800 rounded-lg p-4">
202
+ <p class="text-sm text-gray-300" id="missionStatus">Awaiting deployment instructions...</p>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
211
+
212
+ <!-- Analysis Results -->
213
+ <section class="mb-12">
214
+ <div class="bg-gray-800 rounded-xl shadow-lg overflow-hidden">
215
+ <div class="p-6 border-b border-gray-700">
216
+ <h2 class="text-xl font-bold flex items-center">
217
+ <i class="fas fa-chart-bar mr-3 text-blue-400"></i>
218
+ Analysis Results
219
+ </h2>
220
+ </div>
221
+ <div class="p-6">
222
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
223
+ <!-- Issues Breakdown -->
224
+ <div class="lg:col-span-2">
225
+ <h3 class="text-lg font-semibold mb-4">Detected Issues</h3>
226
+ <div class="bg-gray-700 rounded-lg p-4 mb-6">
227
+ <div class="flex justify-between mb-4">
228
+ <div>
229
+ <span class="text-gray-400">Total Issues:</span>
230
+ <span class="font-bold ml-2" id="totalIssues">0</span>
231
+ </div>
232
+ <div>
233
+ <span class="text-gray-400">Critical:</span>
234
+ <span class="font-bold text-red-400 ml-2" id="criticalIssues">0</span>
235
+ </div>
236
+ <div>
237
+ <span class="text-gray-400">Warnings:</span>
238
+ <span class="font-bold text-yellow-400 ml-2" id="warningIssues">0</span>
239
+ </div>
240
+ <div>
241
+ <span class="text-gray-400">Suggestions:</span>
242
+ <span class="font-bold text-blue-400 ml-2" id="suggestionIssues">0</span>
243
+ </div>
244
+ </div>
245
+ <div class="h-64 overflow-y-auto">
246
+ <table class="w-full text-sm">
247
+ <thead class="text-gray-400 border-b border-gray-600">
248
+ <tr>
249
+ <th class="text-left pb-2">Type</th>
250
+ <th class="text-left pb-2">File</th>
251
+ <th class="text-left pb-2">Description</th>
252
+ <th class="text-right pb-2">Line</th>
253
+ </tr>
254
+ </thead>
255
+ <tbody id="issuesList">
256
+ <!-- Issues will be added here by JavaScript -->
257
+ <tr>
258
+ <td colspan="4" class="text-center py-8 text-gray-500">No issues detected yet</td>
259
+ </tr>
260
+ </tbody>
261
+ </table>
262
+ </div>
263
+ </div>
264
+ </div>
265
+
266
+ <!-- Fix Preview -->
267
+ <div>
268
+ <h3 class="text-lg font-semibold mb-4">Fix Preview</h3>
269
+ <div class="bg-gray-700 rounded-lg p-4 h-full">
270
+ <div class="flex justify-between mb-4">
271
+ <div>
272
+ <span class="text-gray-400">File:</span>
273
+ <span class="font-bold ml-2" id="currentFile">None selected</span>
274
+ </div>
275
+ <div>
276
+ <span class="text-gray-400">Fixed:</span>
277
+ <span class="font-bold text-green-400 ml-2" id="fixedIssues">0/0</span>
278
+ </div>
279
+ </div>
280
+ <div class="code-container p-4 mb-4">
281
+ <pre id="codePreview" class="text-gray-300 overflow-auto max-h-64">Select an issue to preview the fix</pre>
282
+ </div>
283
+ <div class="flex space-x-3">
284
+ <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition flex-1">
285
+ Apply Fix
286
+ </button>
287
+ <button class="bg-gray-600 hover:bg-gray-500 text-white py-2 px-4 rounded-lg transition">
288
+ <i class="fas fa-copy"></i>
289
+ </button>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </section>
297
+
298
+ <!-- Army Overview -->
299
+ <section>
300
+ <div class="bg-gray-800 rounded-xl shadow-lg overflow-hidden">
301
+ <div class="p-6 border-b border-gray-700">
302
+ <h2 class="text-xl font-bold flex items-center">
303
+ <i class="fas fa-users mr-3 text-blue-400"></i>
304
+ AI Army Overview
305
+ </h2>
306
+ </div>
307
+ <div class="p-6">
308
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6">
309
+ <!-- Soldier Cards -->
310
+ <div class="soldier-card bg-gray-700 rounded-lg p-4 transition duration-300">
311
+ <div class="flex items-center mb-3">
312
+ <div class="bg-blue-500 p-2 rounded-full mr-3">
313
+ <i class="fas fa-robot"></i>
314
+ </div>
315
+ <h3 class="font-semibold">HTML Specialist</h3>
316
+ </div>
317
+ <div class="text-sm text-gray-400 mb-3">
318
+ <div class="flex justify-between mb-1">
319
+ <span>Missions:</span>
320
+ <span class="text-white">1,247</span>
321
+ </div>
322
+ <div class="flex justify-between mb-1">
323
+ <span>Success Rate:</span>
324
+ <span class="text-green-400">98.7%</span>
325
+ </div>
326
+ <div class="flex justify-between">
327
+ <span>Status:</span>
328
+ <span class="text-blue-400">Active</span>
329
+ </div>
330
+ </div>
331
+ <div class="w-full bg-gray-600 rounded-full h-2">
332
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 87%"></div>
333
+ </div>
334
+ </div>
335
+
336
+ <div class="soldier-card bg-gray-700 rounded-lg p-4 transition duration-300">
337
+ <div class="flex items-center mb-3">
338
+ <div class="bg-purple-500 p-2 rounded-full mr-3">
339
+ <i class="fas fa-robot"></i>
340
+ </div>
341
+ <h3 class="font-semibold">CSS Optimizer</h3>
342
+ </div>
343
+ <div class="text-sm text-gray-400 mb-3">
344
+ <div class="flex justify-between mb-1">
345
+ <span>Missions:</span>
346
+ <span class="text-white">982</span>
347
+ </div>
348
+ <div class="flex justify-between mb-1">
349
+ <span>Success Rate:</span>
350
+ <span class="text-green-400">97.2%</span>
351
+ </div>
352
+ <div class="flex justify-between">
353
+ <span>Status:</span>
354
+ <span class="text-blue-400">Active</span>
355
+ </div>
356
+ </div>
357
+ <div class="w-full bg-gray-600 rounded-full h-2">
358
+ <div class="bg-purple-500 h-2 rounded-full" style="width: 92%"></div>
359
+ </div>
360
+ </div>
361
+
362
+ <div class="soldier-card bg-gray-700 rounded-lg p-4 transition duration-300">
363
+ <div class="flex items-center mb-3">
364
+ <div class="bg-green-500 p-2 rounded-full mr-3">
365
+ <i class="fas fa-robot"></i>
366
+ </div>
367
+ <h3 class="font-semibold">JS Debugger</h3>
368
+ </div>
369
+ <div class="text-sm text-gray-400 mb-3">
370
+ <div class="flex justify-between mb-1">
371
+ <span>Missions:</span>
372
+ <span class="text-white">1,563</span>
373
+ </div>
374
+ <div class="flex justify-between mb-1">
375
+ <span>Success Rate:</span>
376
+ <span class="text-green-400">95.8%</span>
377
+ </div>
378
+ <div class="flex justify-between">
379
+ <span>Status:</span>
380
+ <span class="text-blue-400">Active</span>
381
+ </div>
382
+ </div>
383
+ <div class="w-full bg-gray-600 rounded-full h-2">
384
+ <div class="bg-green-500 h-2 rounded-full" style="width: 78%"></div>
385
+ </div>
386
+ </div>
387
+
388
+ <div class="soldier-card bg-gray-700 rounded-lg p-4 transition duration-300">
389
+ <div class="flex items-center mb-3">
390
+ <div class="bg-yellow-500 p-2 rounded-full mr-3">
391
+ <i class="fas fa-robot"></i>
392
+ </div>
393
+ <h3 class="font-semibold">SEO Analyst</h3>
394
+ </div>
395
+ <div class="text-sm text-gray-400 mb-3">
396
+ <div class="flex justify-between mb-1">
397
+ <span>Missions:</span>
398
+ <span class="text-white">876</span>
399
+ </div>
400
+ <div class="flex justify-between mb-1">
401
+ <span>Success Rate:</span>
402
+ <span class="text-green-400">96.3%</span>
403
+ </div>
404
+ <div class="flex justify-between">
405
+ <span>Status:</span>
406
+ <span class="text-blue-400">Active</span>
407
+ </div>
408
+ </div>
409
+ <div class="w-full bg-gray-600 rounded-full h-2">
410
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 85%"></div>
411
+ </div>
412
+ </div>
413
+
414
+ <div class="soldier-card bg-gray-700 rounded-lg p-4 transition duration-300">
415
+ <div class="flex items-center mb-3">
416
+ <div class="bg-red-500 p-2 rounded-full mr-3">
417
+ <i class="fas fa-robot"></i>
418
+ </div>
419
+ <h3 class="font-semibold">Security Expert</h3>
420
+ </div>
421
+ <div class="text-sm text-gray-400 mb-3">
422
+ <div class="flex justify-between mb-1">
423
+ <span>Missions:</span>
424
+ <span class="text-white">1,042</span>
425
+ </div>
426
+ <div class="flex justify-between mb-1">
427
+ <span>Success Rate:</span>
428
+ <span class="text-green-400">99.1%</span>
429
+ </div>
430
+ <div class="flex justify-between">
431
+ <span>Status:</span>
432
+ <span class="text-blue-400">Active</span>
433
+ </div>
434
+ </div>
435
+ <div class="w-full bg-gray-600 rounded-full h-2">
436
+ <div class="bg-red-500 h-2 rounded-full" style="width: 91%"></div>
437
+ </div>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </section>
443
+ </main>
444
+
445
+ <!-- Footer -->
446
+ <footer class="bg-gray-800 py-6 px-4 mt-12">
447
+ <div class="container mx-auto">
448
+ <div class="flex flex-col md:flex-row justify-between items-center">
449
+ <div class="mb-4 md:mb-0">
450
+ <div class="flex items-center space-x-2">
451
+ <div class="bg-blue-500 p-1 rounded">
452
+ <i class="fas fa-robot"></i>
453
+ </div>
454
+ <span class="font-bold">AI Army</span>
455
+ </div>
456
+ <p class="text-sm text-gray-400 mt-2">Deploying 10,000 AI soldiers to fix your website since 2023</p>
457
+ </div>
458
+ <div class="flex space-x-6">
459
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-github"></i></a>
460
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
461
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-discord"></i></a>
462
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin"></i></a>
463
+ </div>
464
+ </div>
465
+ <div class="border-t border-gray-700 mt-6 pt-6 text-sm text-gray-500 text-center">
466
+ <p>© 2023 AI Army. All rights reserved. | <a href="#" class="hover:text-gray-300 transition">Privacy Policy</a> | <a href="#" class="hover:text-gray-300 transition">Terms of Service</a></p>
467
+ </div>
468
+ </div>
469
+ </footer>
470
+
471
+ <script>
472
+ // Toggle between input methods
473
+ document.getElementById('urlBtn').addEventListener('click', function() {
474
+ document.getElementById('urlInput').classList.remove('hidden');
475
+ document.getElementById('zipInput').classList.add('hidden');
476
+ document.getElementById('codeInput').classList.add('hidden');
477
+ this.classList.add('glow');
478
+ document.getElementById('zipBtn').classList.remove('glow');
479
+ document.getElementById('codeBtn').classList.remove('glow');
480
+ });
481
+
482
+ document.getElementById('zipBtn').addEventListener('click', function() {
483
+ document.getElementById('urlInput').classList.add('hidden');
484
+ document.getElementById('zipInput').classList.remove('hidden');
485
+ document.getElementById('codeInput').classList.add('hidden');
486
+ this.classList.add('glow');
487
+ document.getElementById('urlBtn').classList.remove('glow');
488
+ document.getElementById('codeBtn').classList.remove('glow');
489
+ });
490
+
491
+ document.getElementById('codeBtn').addEventListener('click', function() {
492
+ document.getElementById('urlInput').classList.add('hidden');
493
+ document.getElementById('zipInput').classList.add('hidden');
494
+ document.getElementById('codeInput').classList.remove('hidden');
495
+ this.classList.add('glow');
496
+ document.getElementById('urlBtn').classList.remove('glow');
497
+ document.getElementById('zipBtn').classList.remove('glow');
498
+ });
499
+
500
+ // Create soldier grid visualization
501
+ const soldierGrid = document.getElementById('soldierGrid');
502
+ const totalSoldiers = 100;
503
+ const deployedSoldiers = 0;
504
+
505
+ for (let i = 0; i < totalSoldiers; i++) {
506
+ const soldier = document.createElement('div');
507
+ soldier.className = 'w-2 h-2 rounded-full bg-gray-600';
508
+ soldier.title = `AI Soldier #${i+1} - Ready`;
509
+ soldier.dataset.status = 'ready';
510
+ soldierGrid.appendChild(soldier);
511
+ }
512
+
513
+ // Simulate deployment
514
+ function deploySoldiers() {
515
+ let deployed = 0;
516
+ const soldiers = document.querySelectorAll('#soldierGrid div');
517
+ const progressBar = document.getElementById('deploymentProgress');
518
+ const missionStatus = document.getElementById('missionStatus');
519
+
520
+ missionStatus.textContent = "Initializing deployment sequence...";
521
+
522
+ const deploymentInterval = setInterval(() => {
523
+ if (deployed < soldiers.length) {
524
+ // Randomly deploy 1-5 soldiers at a time
525
+ const batchSize = Math.min(Math.floor(Math.random() * 5) + 1, soldiers.length - deployed);
526
+
527
+ for (let i = 0; i < batchSize; i++) {
528
+ if (deployed < soldiers.length) {
529
+ soldiers[deployed].className = 'w-2 h-2 rounded-full bg-blue-500 soldier-active';
530
+ soldiers[deployed].title = `AI Soldier #${deployed+1} - Active`;
531
+ soldiers[deployed].dataset.status = 'active';
532
+ deployed++;
533
+ }
534
+ }
535
+
536
+ // Update progress
537
+ const progress = Math.floor((deployed / soldiers.length) * 100);
538
+ progressBar.style.width = `${progress}%`;
539
+
540
+ // Update mission status
541
+ if (progress < 30) {
542
+ missionStatus.textContent = `Deploying soldiers... ${progress}% complete`;
543
+ } else if (progress < 70) {
544
+ missionStatus.textContent = `Scanning website structure... ${progress}% complete`;
545
+ } else if (progress < 100) {
546
+ missionStatus.textContent = `Identifying issues... ${progress}% complete`;
547
+ }
548
+ } else {
549
+ clearInterval(deploymentInterval);
550
+ missionStatus.textContent = "Mission complete! 10,000 AI soldiers deployed and analysis finished.";
551
+ simulateAnalysisResults();
552
+ }
553
+ }, 100);
554
+ }
555
+
556
+ // Simulate analysis results
557
+ function simulateAnalysisResults() {
558
+ // Update issue counters
559
+ document.getElementById('totalIssues').textContent = '247';
560
+ document.getElementById('criticalIssues').textContent = '18';
561
+ document.getElementById('warningIssues').textContent = '92';
562
+ document.getElementById('suggestionIssues').textContent = '137';
563
+
564
+ // Add sample issues to the table
565
+ const issuesList = document.getElementById('issuesList');
566
+ issuesList.innerHTML = '';
567
+
568
+ const sampleIssues = [
569
+ { type: 'Critical', file: 'index.html', description: 'Missing viewport meta tag', line: 5 },
570
+ { type: 'Warning', file: 'styles.css', description: 'Unused CSS selector', line: 42 },
571
+ { type: 'Suggestion', file: 'script.js', description: 'console.log() left in production code', line: 87 },
572
+ { type: 'Critical', file: 'contact.html', description: 'Form without CSRF protection', line: 32 },
573
+ { type: 'Warning', file: 'styles.css', description: 'Color contrast too low for accessibility', line: 156 },
574
+ { type: 'Suggestion', file: 'index.html', description: 'Missing alt attributes on images', line: 28 },
575
+ { type: 'Critical', file: 'script.js', description: 'jQuery version has known vulnerabilities', line: 1 },
576
+ { type: 'Warning', file: 'products.html', description: 'Lazy loading not implemented for images', line: 64 }
577
+ ];
578
+
579
+ sampleIssues.forEach(issue => {
580
+ const row = document.createElement('tr');
581
+ row.className = 'border-b border-gray-600 hover:bg-gray-600 cursor-pointer';
582
+ row.innerHTML = `
583
+ <td class="py-3 ${issue.type === 'Critical' ? 'text-red-400' : issue.type === 'Warning' ? 'text-yellow-400' : 'text-blue-400'}">${issue.type}</td>
584
+ <td class="py-3">${issue.file}</td>
585
+ <td class="py-3">${issue.description}</td>
586
+ <td class="py-3 text-right">${issue.line}</td>
587
+ `;
588
+
589
+ // Add click event to show code preview
590
+ row.addEventListener('click', function() {
591
+ document.getElementById('currentFile').textContent = issue.file;
592
+ document.getElementById('fixedIssues').textContent = `3/${sampleIssues.length}`;
593
+
594
+ // Show sample fixed code
595
+ const codePreview = document.getElementById('codePreview');
596
+ if (issue.file.endsWith('.html')) {
597
+ codePreview.innerHTML = highlightHTML(`<div class="container">
598
+ <header>
599
+ <h1>Fixed ${issue.file}</h1>
600
+ </header>
601
+ <main>
602
+ <!-- ${issue.description} has been fixed -->
603
+ <img src="logo.png" alt="Company Logo">
604
+ </main>
605
+ </div>`);
606
+ } else if (issue.file.endsWith('.css')) {
607
+ codePreview.innerHTML = highlightCSS(`/* Fixed ${issue.file} */
608
+ .container {
609
+ max-width: 1200px;
610
+ margin: 0 auto;
611
+ padding: 20px;
612
+ }
613
+
614
+ /* ${issue.description} has been addressed */
615
+ .header {
616
+ background: #1a1a1a;
617
+ color: #ffffff;
618
+ }`);
619
+ } else if (issue.file.endsWith('.js')) {
620
+ codePreview.innerHTML = highlightJS(`// Fixed ${issue.file}
621
+ document.addEventListener('DOMContentLoaded', function() {
622
+ // ${issue.description} has been resolved
623
+ const buttons = document.querySelectorAll('.btn');
624
+
625
+ buttons.forEach(button => {
626
+ button.addEventListener('click', handleClick);
627
+ });
628
+
629
+ function handleClick(e) {
630
+ // New secure implementation
631
+ e.preventDefault();
632
+ // ...
633
+ }
634
+ });`);
635
+ }
636
+ });
637
+
638
+ issuesList.appendChild(row);
639
+ });
640
+ }
641
+
642
+ // Syntax highlighting functions
643
+ function highlightHTML(code) {
644
+ return code.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
645
+ .replace(/(".*?")/g, '<span class="text-yellow-300">$1</span>')
646
+ .replace(/(&lt;\/?[a-z][a-z0-9]*)/g, '<span class="text-blue-400">$1</span>')
647
+ .replace(/(\/?&gt;)/g, '<span class="text-blue-400">$1</span>')
648
+ .replace(/(&lt;!--.*?--&gt;)/g, '<span class="text-gray-500">$1</span>');
649
+ }
650
+
651
+ function highlightCSS(code) {
652
+ return code.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
653
+ .replace(/(\/\*.*?\*\/)/g, '<span class="text-gray-500">$1</span>')
654
+ .replace(/([{}:;])/g, '<span class="text-purple-400">$1</span>')
655
+ .replace(/([@][a-z-]+)/g, '<span class="text-green-400">$1</span>')
656
+ .replace(/([a-z-]+)(?=:)/g, '<span class="text-blue-400">$1</span>')
657
+ .replace(/(#[a-f0-9]{3,6}|rgb[a]?\([^)]+\)|[a-z]+\b)(?=[;}])/g, '<span class="text-yellow-300">$1</span>');
658
+ }
659
+
660
+ function highlightJS(code) {
661
+ return code.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
662
+ .replace(/(\/\/.*$)/gm, '<span class="text-gray-500">$1</span>')
663
+ .replace(/(\b(function|return|const|let|var|if|else|for|while|do|switch|case|break|continue|try|catch|finally|throw|new|this|class|extends|super|import|export|default|async|await|static)\b)/g, '<span class="text-purple-400">$1</span>')
664
+ .replace(/(["'].*?["'])/g, '<span class="text-yellow-300">$1</span>')
665
+ .replace(/(\b(document|window|console|Array|Object|String|Number|Boolean|Date|Math|JSON|Promise|fetch)\b)/g, '<span class="text-blue-400">$1</span>')
666
+ .replace(/([{}()[\];,.=+-\/*%<>!&|?:])/g, '<span class="text-gray-400">$1</span>');
667
+ }
668
+
669
+ // Start deployment when URL is submitted
670
+ document.querySelector('#urlInput button').addEventListener('click', deploySoldiers);
671
+ document.querySelector('#zipInput .upload-area').addEventListener('click', function() {
672
+ this.querySelector('input').click();
673
+ });
674
+ document.querySelector('#zipInput input').addEventListener('change', function() {
675
+ if (this.files.length > 0) {
676
+ document.querySelector('#zipInput .upload-area p:first-child').textContent = this.files[0].name;
677
+ deploySoldiers();
678
+ }
679
+ });
680
+ document.querySelector('#codeInput button').addEventListener('click', deploySoldiers);
681
+ </script>
682
+ <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/corriger-et-modifier-code" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
683
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ creer une armée DE SOLDAT d' IA DE 10000 pour modifier et corriger toute un site complet , corriger les erreurs des gros site a partir de url , ficher zip , code , html etc...