Hugging Face's logo

Spaces:
docto41
/
system-correction
Running

App Files Community
docto41 commited on
Commit
5685d07
·
verified ·
1 Parent(s): 0078a91

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +271 -589
  2. prompts.txt +3 -1
index.html CHANGED
@@ -1,665 +1,347 @@
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>System Correction Interface</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, #6e8efb, #a777e3);
12
  }
13
- .text-gradient {
14
- background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
15
  -webkit-background-clip: text;
16
  background-clip: text;
17
  color: transparent;
 
 
18
  }
19
- .shadow-soft {
20
- box-shadow: 0 10px 20px rgba(0,0,0,0.1);
21
  }
22
- .card-hover:hover {
23
- transform: translateY(-5px);
24
- transition: all 0.3s ease;
25
  }
26
- .smooth-transition {
27
- transition: all 0.3s ease;
28
  }
29
- .highlight {
30
- background-color: rgba(255, 255, 0, 0.3);
31
- padding: 0 2px;
32
- border-radius: 2px;
33
  }
34
- .blink {
35
- animation: blink 1s step-start infinite;
36
  }
37
- @keyframes blink {
38
- 50% { opacity: 0; }
 
 
 
 
 
39
  }
40
  </style>
41
  </head>
42
- <body class="font-sans bg-gray-50 min-h-screen">
43
- <div class="gradient-bg text-white py-6 px-4 shadow-lg">
44
- <div class="container mx-auto flex justify-between items-center">
45
- <div class="flex items-center space-x-3">
46
- <i class="fas fa-cogs text-3xl"></i>
47
- <h1 class="text-2xl font-bold">System<span class="text-yellow-300">Correction</span></h1>
48
- </div>
49
- <div class="flex space-x-4">
50
- <button id="loginBtn" class="bg-white text-purple-600 px-4 py-2 rounded-full font-medium hover:bg-purple-100 smooth-transition">
51
- <i class="fas fa-user mr-2"></i>Login
52
- </button>
53
- <button id="getStartedBtn" class="bg-yellow-400 text-purple-800 px-4 py-2 rounded-full font-medium hover:bg-yellow-300 smooth-transition">
54
- <i class="fas fa-rocket mr-2"></i>Get Started
55
- </button>
56
  </div>
57
  </div>
58
- </div>
59
 
60
- <div class="container mx-auto px-4 py-8">
61
- <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
62
- <!-- Input Section -->
63
- <div class="lg:col-span-2 bg-white rounded-xl shadow-soft p-6">
64
- <div class="flex justify-between items-center mb-6">
65
- <h2 class="text-xl font-semibold text-gray-800">Input Text for Correction</h2>
66
- <div class="flex space-x-2">
67
- <button id="clearBtn" class="bg-blue-100 text-blue-600 p-2 rounded-lg hover:bg-blue-200 smooth-transition" title="Clear">
68
- <i class="fas fa-trash-alt"></i>
69
- </button>
70
- <button id="sampleTextBtn" class="bg-green-100 text-green-600 p-2 rounded-lg hover:bg-green-200 smooth-transition" title="Sample Text">
71
- <i class="fas fa-lightbulb"></i>
72
- </button>
73
- </div>
74
  </div>
75
-
76
- <div class="mb-4">
77
- <textarea id="inputText" class="w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-none" placeholder="Enter your text here for system correction..."></textarea>
78
- </div>
79
-
80
- <div class="flex flex-wrap gap-3 mb-4">
81
- <button id="autoCorrectBtn" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 smooth-transition flex items-center">
82
- <i class="fas fa-magic mr-2"></i> Auto Correct
83
- </button>
84
- <button id="grammarCheckBtn" class="bg-purple-500 text-white px-4 py-2 rounded-lg hover:bg-purple-600 smooth-transition flex items-center">
85
- <i class="fas fa-spell-check mr-2"></i> Grammar Check
86
- </button>
87
- <button id="aiEnhanceBtn" class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 smooth-transition flex items-center">
88
- <i class="fas fa-robot mr-2"></i> AI Enhance
89
- </button>
90
- <button id="translateBtn" class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition flex items-center">
91
- <i class="fas fa-language mr-2"></i> Translate
92
- </button>
93
  </div>
94
-
95
- <div class="flex items-center justify-between">
96
- <div class="flex items-center space-x-2 text-sm text-gray-500">
97
- <i class="fas fa-info-circle"></i>
98
- <span>System will analyze your text for errors and improvements</span>
99
- </div>
100
- <button id="processBtn" class="gradient-bg text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 smooth-transition flex items-center">
101
- <i class="fas fa-play mr-2"></i> Process Text
102
- </button>
103
  </div>
 
 
104
  </div>
105
-
106
- <!-- Stats & Info Section -->
107
- <div class="bg-white rounded-xl shadow-soft p-6">
108
- <h2 class="text-xl font-semibold text-gray-800 mb-6">Correction Statistics</h2>
109
-
110
- <div class="space-y-6">
111
- <div class="bg-blue-50 p-4 rounded-lg">
112
- <div class="flex justify-between items-center mb-2">
113
- <span class="text-sm font-medium text-blue-800">Text Length</span>
114
- <span id="charCount" class="text-lg font-bold text-blue-600">0</span>
115
- </div>
116
- <div class="w-full bg-blue-200 rounded-full h-2">
117
- <div id="charProgress" class="bg-blue-600 h-2 rounded-full" style="width: 0%"></div>
118
- </div>
119
- </div>
120
 
121
- <div class="bg-purple-50 p-4 rounded-lg">
122
- <div class="flex justify-between items-center mb-2">
123
- <span class="text-sm font-medium text-purple-800">Estimated Errors</span>
124
- <span id="errorCount" class="text-lg font-bold text-purple-600">0</span>
125
- </div>
126
- <div class="w-full bg-purple-200 rounded-full h-2">
127
- <div id="errorProgress" class="bg-purple-600 h-2 rounded-full" style="width: 0%"></div>
 
 
 
 
128
  </div>
129
- </div>
130
-
131
- <div class="bg-green-50 p-4 rounded-lg">
132
- <div class="flex justify-between items-center mb-2">
133
- <span class="text-sm font-medium text-green-800">Confidence Level</span>
134
- <span id="confidenceLevel" class="text-lg font-bold text-green-600">0%</span>
 
 
 
 
 
 
 
 
135
  </div>
136
- <div class="w-full bg-green-200 rounded-full h-2">
137
- <div id="confidenceProgress" class="bg-green-600 h-2 rounded-full" style="width: 0%"></div>
 
 
 
 
 
 
138
  </div>
139
- </div>
140
-
141
- <div class="bg-yellow-50 p-4 rounded-lg">
142
- <h3 class="font-medium text-yellow-800 mb-3">Suggested Improvements</h3>
143
- <ul id="suggestionsList" class="space-y-2 text-sm text-gray-700">
144
- <li class="flex items-start">
145
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
146
- <span>No suggestions yet. Process your text to see recommendations.</span>
147
- </li>
148
- </ul>
149
- </div>
150
-
151
- <div class="bg-gray-50 p-4 rounded-lg">
152
- <h3 class="font-medium text-gray-800 mb-3">Quick Actions</h3>
153
- <div class="grid grid-cols-2 gap-2">
154
- <button id="copyBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
155
- <i class="fas fa-copy mr-2"></i> Copy
156
- </button>
157
- <button id="exportBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
158
- <i class="fas fa-download mr-2"></i> Export
159
- </button>
160
- <button id="historyBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
161
- <i class="fas fa-history mr-2"></i> History
162
- </button>
163
- <button id="settingsBtn" class="bg-white border border-gray-200 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-100 smooth-transition flex items-center justify-center">
164
- <i class="fas fa-cog mr-2"></i> Settings
165
- </button>
166
  </div>
167
  </div>
168
  </div>
169
- </div>
170
- </div>
171
-
172
- <!-- Results Section (Initially Hidden) -->
173
- <div id="resultsSection" class="hidden mt-8 bg-white rounded-xl shadow-soft p-6">
174
- <div class="flex justify-between items-center mb-6">
175
- <h2 class="text-xl font-semibold text-gray-800">Correction Results</h2>
176
- <div class="flex items-center space-x-2">
177
- <span class="text-sm text-gray-500">Processing time: <span id="processingTime" class="font-medium">0.45s</span></span>
178
- <button id="refreshBtn" class="bg-gray-100 text-gray-600 p-2 rounded-lg hover:bg-gray-200 smooth-transition">
179
- <i class="fas fa-redo"></i>
180
- </button>
181
- </div>
182
- </div>
183
-
184
- <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
185
- <!-- Original Text -->
186
- <div class="border border-gray-200 rounded-lg p-4">
187
- <div class="flex justify-between items-center mb-3">
188
- <h3 class="font-medium text-gray-700">Original Text</h3>
189
- <span class="text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded">Unedited</span>
190
- </div>
191
- <div id="originalText" class="text-gray-700 p-3 bg-gray-50 rounded h-64 overflow-y-auto">
192
- <!-- Original text will appear here -->
193
- </div>
194
- </div>
195
 
196
- <!-- Corrected Text -->
197
- <div class="border border-blue-200 rounded-lg p-4">
198
- <div class="flex justify-between items-center mb-3">
199
- <h3 class="font-medium text-blue-700">Corrected Text</h3>
200
- <span class="text-xs bg-blue-100 text-blue-600 px-2 py-1 rounded">Improved</span>
201
- </div>
202
- <div id="correctedText" class="text-gray-800 p-3 bg-blue-50 rounded h-64 overflow-y-auto">
203
- <!-- Corrected text will appear here -->
204
- </div>
205
- </div>
206
- </div>
207
-
208
- <!-- Corrections Details -->
209
- <div class="mt-6 border-t pt-6">
210
- <h3 class="font-medium text-gray-800 mb-4">Detailed Corrections</h3>
211
- <div id="correctionsDetails" class="space-y-4">
212
- <!-- Correction details will appear here -->
213
- <div class="correction-item hidden p-3 bg-gray-50 rounded-lg border-l-4 border-blue-500">
214
- <div class="flex justify-between items-start">
215
- <div>
216
- <h4 class="font-medium text-gray-800">Grammar Correction</h4>
217
- <p class="text-sm text-gray-600">Changed from "<span class="original-word font-medium">you was</span>" to "<span class="corrected-word font-medium text-green-600">you were</span>"</p>
218
- </div>
219
- <span class="text-xs bg-blue-100 text-blue-600 px-2 py-1 rounded">Grammar</span>
220
  </div>
221
  </div>
222
  </div>
223
  </div>
224
 
225
- <div class="mt-6 flex justify-end space-x-3">
226
- <button id="discardBtn" class="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-300 smooth-transition">
227
- Discard Changes
228
- </button>
229
- <button id="applyCorrectionsBtn" class="gradient-bg text-white px-6 py-2 rounded-lg font-medium hover:opacity-90 smooth-transition">
230
- Apply Corrections
231
  </button>
232
  </div>
233
  </div>
234
-
235
- <!-- Features Section -->
236
- <div class="mt-16">
237
- <h2 class="text-2xl font-bold text-center text-gray-800 mb-2">Advanced Correction Features</h2>
238
- <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12">Our system utilizes cutting-edge technology to provide comprehensive text analysis and improvement suggestions.</p>
239
-
240
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
241
- <div class="bg-white p-6 rounded-xl shadow-soft card-hover">
242
- <div class="text-blue-500 text-4xl mb-4">
243
- <i class="fas fa-robot"></i>
244
- </div>
245
- <h3 class="text-lg font-semibold text-gray-800 mb-2">AI-Powered Analysis</h3>
246
- <p class="text-gray-600">Our advanced algorithms detect subtle errors and provide context-aware corrections that go beyond basic spell checking.</p>
247
  </div>
 
 
248
 
249
- <div class="bg-white p-6 rounded-xl shadow-soft card-hover">
250
- <div class="text-purple-500 text-4xl mb-4">
251
- <i class="fas fa-chart-line"></i>
 
 
 
 
252
  </div>
253
- <h3 class="text-lg font-semibold text-gray-800 mb-2">Style Enhancement</h3>
254
- <p class="text-gray-600">Improve readability and engagement with suggestions for sentence structure, word choice, and overall flow.</p>
255
- </div>
256
-
257
- <div class="bg-white p-6 rounded-xl shadow-soft card-hover">
258
- <div class="text-green-500 text-4xl mb-4">
259
- <i class="fas fa-shield-alt"></i>
260
  </div>
261
- <h3 class="text-lg font-semibold text-gray-800 mb-2">Plagiarism Check</h3>
262
- <p class="text-gray-600">Optional integration with plagiarism detection to ensure your content is original and properly cited.</p>
263
- </div>
264
- </div>
265
- </div>
266
- </div>
267
-
268
- <!-- Footer -->
269
- <footer class="bg-gray-800 text-white py-8 mt-16">
270
- <div class="container mx-auto px-4">
271
- <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
272
- <div>
273
- <h3 class="text-lg font-semibold mb-4">SystemCorrection</h3>
274
- <p class="text-gray-400">Advanced text analysis and correction system powered by AI and natural language processing.</p>
275
- </div>
276
- <div>
277
- <h3 class="text-lg font-semibold mb-4">Features</h3>
278
- <ul class="space-y-2 text-gray-400">
279
- <li><a href="#" class="hover:text-white smooth-transition">Grammar Check</a></li>
280
- <li><a href="#" class="hover:text-white smooth-transition">Style Improvement</a></li>
281
- <li><a href="#" class="hover:text-white smooth-transition">Plagiarism Detection</a></li>
282
- <li><a href="#" class="hover:text-white smooth-transition">Translation</a></li>
283
- </ul>
284
- </div>
285
- <div>
286
- <h3 class="text-lg font-semibold mb-4">Resources</h3>
287
- <ul class="space-y-2 text-gray-400">
288
- <li><a href="#" class="hover:text-white smooth-transition">Documentation</a></li>
289
- <li><a href="#" class="hover:text-white smooth-transition">API Access</a></li>
290
- <li><a href="#" class="hover:text-white smooth-transition">Blog</a></li>
291
- <li><a href="#" class="hover:text-white smooth-transition">Support</a></li>
292
- </ul>
293
- </div>
294
- <div>
295
- <h3 class="text-lg font-semibold mb-4">Subscribe</h3>
296
- <p class="text-gray-400 mb-4">Stay updated with our latest features and updates.</p>
297
- <div class="flex">
298
- <input id="subscribeEmail" type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-800 w-full">
299
- <button id="subscribeBtn" class="bg-blue-500 text-white px-4 py-2 rounded-r-lg hover:bg-blue-600 smooth-transition">
300
- <i class="fas fa-paper-plane"></i>
301
- </button>
302
  </div>
303
  </div>
304
- </div>
305
- <div class="border-t border-gray-700 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center">
306
- <p class="text-gray-400">© 2023 SystemCorrection. All rights reserved.</p>
307
- <div class="flex space-x-4 mt-4 md:mt-0">
308
- <a href="#" class="text-gray-400 hover:text-white smooth-transition"><i class="fab fa-twitter"></i></a>
309
- <a href="#" class="text-gray-400 hover:text-white smooth-transition"><i class="fab fa-linkedin"></i></a>
310
- <a href="#" class="text-gray-400 hover:text-white smooth-transition"><i class="fab fa-github"></i></a>
311
- <a href="#" class="text-gray-400 hover:text-white smooth-transition"><i class="fab fa-medium"></i></a>
 
 
 
312
  </div>
313
  </div>
314
  </div>
315
- </footer>
 
 
 
 
 
316
 
317
  <script>
318
  document.addEventListener('DOMContentLoaded', function() {
319
- // Elements
320
- const inputText = document.getElementById('inputText');
321
- const processBtn = document.getElementById('processBtn');
322
- const resultsSection = document.getElementById('resultsSection');
323
- const originalText = document.getElementById('originalText');
324
- const correctedText = document.getElementById('correctedText');
325
- const charCount = document.getElementById('charCount');
326
- const charProgress = document.getElementById('charProgress');
327
- const errorCount = document.getElementById('errorCount');
328
- const errorProgress = document.getElementById('errorProgress');
329
- const confidenceLevel = document.getElementById('confidenceLevel');
330
- const confidenceProgress = document.getElementById('confidenceProgress');
331
- const suggestionsList = document.getElementById('suggestionsList');
332
- const processingTime = document.getElementById('processingTime');
333
- const correctionsDetails = document.getElementById('correctionsDetails');
334
-
335
- // Buttons
336
- const loginBtn = document.getElementById('loginBtn');
337
- const getStartedBtn = document.getElementById('getStartedBtn');
338
- const clearBtn = document.getElementById('clearBtn');
339
- const sampleTextBtn = document.getElementById('sampleTextBtn');
340
- const autoCorrectBtn = document.getElementById('autoCorrectBtn');
341
- const grammarCheckBtn = document.getElementById('grammarCheckBtn');
342
- const aiEnhanceBtn = document.getElementById('aiEnhanceBtn');
343
- const translateBtn = document.getElementById('translateBtn');
344
- const copyBtn = document.getElementById('copyBtn');
345
- const exportBtn = document.getElementById('exportBtn');
346
- const historyBtn = document.getElementById('historyBtn');
347
- const settingsBtn = document.getElementById('settingsBtn');
348
- const refreshBtn = document.getElementById('refreshBtn');
349
- const discardBtn = document.getElementById('discardBtn');
350
- const applyCorrectionsBtn = document.getElementById('applyCorrectionsBtn');
351
- const subscribeBtn = document.getElementById('subscribeBtn');
352
- const subscribeEmail = document.getElementById('subscribeEmail');
353
-
354
- // Sample data
355
- const sampleSuggestions = [
356
- "Consider varying sentence length for better readability",
357
- "Potential passive voice detected (3 instances)",
358
- "Possible wordiness in paragraph 2",
359
- "2 complex sentences could be simplified",
360
- "3 instances of repetitive word usage"
361
- ];
362
-
363
- const sampleCorrections = [
364
- {
365
- type: "Grammar",
366
- original: "you was",
367
- corrected: "you were",
368
- description: "Subject-verb agreement error"
369
- },
370
- {
371
- type: "Spelling",
372
- original: "recieve",
373
- corrected: "receive",
374
- description: "Common spelling mistake (i before e)"
375
- },
376
- {
377
- type: "Punctuation",
378
- original: "However we",
379
- corrected: "However, we",
380
- description: "Missing comma after introductory word"
381
- },
382
- {
383
- type: "Style",
384
- original: "a lot of",
385
- corrected: "many",
386
- description: "More concise alternative available"
387
- }
388
- ];
389
-
390
- // Update character count in real-time
391
- inputText.addEventListener('input', updateTextStats);
392
-
393
- // Button event listeners
394
- loginBtn.addEventListener('click', () => {
395
- alert('Login functionality would be implemented here');
396
- });
397
-
398
- getStartedBtn.addEventListener('click', () => {
399
- alert('Get Started - Redirect to documentation or tutorial');
400
- });
401
-
402
- clearBtn.addEventListener('click', clearInput);
403
-
404
- sampleTextBtn.addEventListener('click', insertSampleText);
405
-
406
- autoCorrectBtn.addEventListener('click', () => {
407
- if (inputText.value.trim()) {
408
- alert('Auto Correct feature would be implemented here');
409
- // For demo purposes, we'll just process the text
410
- processText();
411
- } else {
412
- alert('Please enter some text first');
413
- }
414
- });
415
-
416
- grammarCheckBtn.addEventListener('click', () => {
417
- if (inputText.value.trim()) {
418
- alert('Grammar Check feature would be implemented here');
419
- // For demo purposes, we'll just process the text
420
- processText();
421
- } else {
422
- alert('Please enter some text first');
423
- }
424
- });
425
-
426
- aiEnhanceBtn.addEventListener('click', () => {
427
- if (inputText.value.trim()) {
428
- alert('AI Enhance feature would be implemented here');
429
- // For demo purposes, we'll just process the text
430
- processText();
431
- } else {
432
- alert('Please enter some text first');
433
- }
434
- });
435
-
436
- translateBtn.addEventListener('click', () => {
437
- if (inputText.value.trim()) {
438
- alert('Translate feature would be implemented here');
439
- // For demo purposes, we'll just process the text
440
- processText();
441
- } else {
442
- alert('Please enter some text first');
443
- }
444
- });
445
-
446
- copyBtn.addEventListener('click', copyText);
447
-
448
- exportBtn.addEventListener('click', () => {
449
- if (inputText.value.trim()) {
450
- alert('Export feature would be implemented here');
451
- // For demo purposes, we'll create a download link
452
- const text = inputText.value;
453
- const blob = new Blob([text], {type: 'text/plain'});
454
- const url = URL.createObjectURL(blob);
455
- const a = document.createElement('a');
456
- a.href = url;
457
- a.download = 'corrected-text.txt';
458
- document.body.appendChild(a);
459
- a.click();
460
- document.body.removeChild(a);
461
- URL.revokeObjectURL(url);
462
- } else {
463
- alert('No text to export');
464
- }
465
- });
466
-
467
- historyBtn.addEventListener('click', () => {
468
- alert('History feature would be implemented here');
469
- });
470
-
471
- settingsBtn.addEventListener('click', () => {
472
- alert('Settings panel would be shown here');
473
- });
474
-
475
- processBtn.addEventListener('click', processText);
476
-
477
- refreshBtn.addEventListener('click', () => {
478
- if (inputText.value.trim()) {
479
- processText();
480
- } else {
481
- alert('Please enter some text to process');
482
- }
483
- });
484
-
485
- discardBtn.addEventListener('click', () => {
486
- resultsSection.classList.add('hidden');
487
- inputText.focus();
488
  });
489
 
490
- applyCorrectionsBtn.addEventListener('click', () => {
491
- if (correctedText.textContent) {
492
- inputText.value = correctedText.textContent;
493
- updateTextStats();
494
- alert('Corrections applied to input text!');
495
- }
 
 
 
496
  });
497
 
498
- subscribeBtn.addEventListener('click', () => {
499
- const email = subscribeEmail.value.trim();
500
- if (email && validateEmail(email)) {
501
- subscribeEmail.value = '';
502
- alert(`Thank you for subscribing with ${email}!`);
503
- } else {
504
- alert('Please enter a valid email address');
505
- }
506
  });
507
 
508
- // Functions
509
- function updateTextStats() {
510
- const text = inputText.value;
511
- const count = text.length;
512
- charCount.textContent = count;
513
-
514
- // Update progress bar (max 1000 chars for full width)
515
- const progress = Math.min((count / 1000) * 100, 100);
516
- charProgress.style.width = `${progress}%`;
517
-
518
- // Estimate errors (just for demo)
519
- const estimatedErrors = Math.min(Math.floor(count / 20), 20);
520
- errorCount.textContent = estimatedErrors;
521
- errorProgress.style.width = `${(estimatedErrors / 20) * 100}%`;
522
-
523
- // Random confidence for demo
524
- const randomConfidence = 70 + Math.floor(Math.random() * 30);
525
- confidenceLevel.textContent = `${randomConfidence}%`;
526
- confidenceProgress.style.width = `${randomConfidence}%`;
527
-
528
- // Update suggestions if text is long enough
529
- if (count > 30) {
530
- suggestionsList.innerHTML = '';
531
- sampleSuggestions.forEach(suggestion => {
532
- const li = document.createElement('li');
533
- li.className = 'flex items-start';
534
- li.innerHTML = `
535
- <i class="fas fa-lightbulb text-yellow-500 mt-1 mr-2"></i>
536
- <span>${suggestion}</span>
537
- `;
538
- suggestionsList.appendChild(li);
539
- });
540
- } else {
541
- suggestionsList.innerHTML = `
542
- <li class="flex items-start">
543
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
544
- <span>No suggestions yet. Add more text to see recommendations.</span>
545
- </li>
546
- `;
547
- }
548
- }
549
-
550
- function clearInput() {
551
- inputText.value = '';
552
- updateTextStats();
553
- resultsSection.classList.add('hidden');
554
- }
555
-
556
- function insertSampleText() {
557
- const sampleText = `The quick brown fox jumps over the lazy dog. However we must consider that recieve is often misspelled. You was probably not aware of this common mistake. There is a lot of examples that could be used to demonstrate the power of this system.`;
558
- inputText.value = sampleText;
559
- updateTextStats();
560
- }
561
-
562
- function processText() {
563
- const text = inputText.value.trim();
564
-
565
- if (text.length === 0) {
566
- alert('Please enter some text to process');
567
- return;
568
- }
569
-
570
  // Show loading state
571
- processBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Processing...';
572
- processBtn.disabled = true;
573
 
574
- // Simulate processing delay
575
  setTimeout(() => {
576
- // Display results
577
- originalText.textContent = text;
578
-
579
- // Create corrected version with some sample corrections
580
- let correctedVersion = text;
581
 
582
- // Apply sample corrections
583
- sampleCorrections.forEach(correction => {
584
- correctedVersion = correctedVersion.replace(new RegExp(correction.original, 'gi'),
585
- `<span class="highlight">${correction.corrected}</span>`);
586
- });
587
 
588
- correctedText.innerHTML = correctedVersion;
589
-
590
- // Populate corrections details
591
- correctionsDetails.innerHTML = '';
592
- sampleCorrections.forEach(correction => {
593
- const correctionItem = document.querySelector('.correction-item').cloneNode(true);
594
- correctionItem.classList.remove('hidden');
595
-
596
- correctionItem.querySelector('h4').textContent = `${correction.type} Correction`;
597
- correctionItem.querySelector('.original-word').textContent = correction.original;
598
- correctionItem.querySelector('.corrected-word').textContent = correction.corrected;
599
- correctionItem.querySelector('p').innerHTML = `Changed from "<span class="original-word font-medium">${correction.original}</span>" to "<span class="corrected-word font-medium text-green-600">${correction.corrected}</span>"`;
600
- correctionItem.querySelector('span').textContent = correction.type;
601
-
602
- correctionsDetails.appendChild(correctionItem);
603
- });
604
-
605
- // Random processing time for demo
606
- const randomTime = (0.3 + Math.random() * 0.4).toFixed(2);
607
- processingTime.textContent = `${randomTime}s`;
608
-
609
- // Show results section
610
- resultsSection.classList.remove('hidden');
611
-
612
- // Reset button
613
- processBtn.innerHTML = '<i class="fas fa-play mr-2"></i> Process Text';
614
- processBtn.disabled = false;
615
 
616
  // Scroll to results
617
- resultsSection.scrollIntoView({ behavior: 'smooth' });
618
- }, 1500);
619
- }
620
-
621
- function copyText() {
622
- if (resultsSection.classList.contains('hidden')) {
623
- // Copy input text if results aren't shown
624
- if (inputText.value.trim()) {
625
- inputText.select();
626
- document.execCommand('copy');
627
- showCopyFeedback(inputText);
628
- } else {
629
- alert('No text to copy');
630
- }
631
- } else {
632
- // Copy corrected text if results are shown
633
- if (correctedText.textContent.trim()) {
634
- const range = document.createRange();
635
- range.selectNode(correctedText);
636
- window.getSelection().removeAllRanges();
637
- window.getSelection().addRange(range);
638
- document.execCommand('copy');
639
- window.getSelection().removeAllRanges();
640
- showCopyFeedback(correctedText);
641
- }
642
- }
643
- }
644
 
645
- function showCopyFeedback(element) {
646
- const originalText = element.textContent;
647
- element.textContent = 'Copied to clipboard!';
648
- element.classList.add('blink');
 
649
 
650
- setTimeout(() => {
651
- element.textContent = originalText;
652
- element.classList.remove('blink');
653
- }, 1000);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
654
  }
655
 
656
- function validateEmail(email) {
657
- const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
658
- return re.test(email);
659
  }
660
-
661
- // Initialize
662
- updateTextStats();
663
  });
664
  </script>
665
  <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/system-correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
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>DeepSite 4111X - Ultra Fast AI Generator</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
+ .hyper-gradient {
11
+ background: linear-gradient(135deg, #00dbde 0%, #fc00ff 100%);
12
  }
13
+ .hyper-text {
14
+ background: linear-gradient(90deg, #00dbde 0%, #fc00ff 50%, #00dbde 100%);
15
  -webkit-background-clip: text;
16
  background-clip: text;
17
  color: transparent;
18
+ background-size: 200% auto;
19
+ animation: shine 2s linear infinite;
20
  }
21
+ @keyframes shine {
22
+ to { background-position: 200% center; }
23
  }
24
+ .hyper-shadow {
25
+ box-shadow: 0 0 30px rgba(124, 58, 237, 0.5);
 
26
  }
27
+ .hyper-pulse {
28
+ animation: pulse 1.5s infinite;
29
  }
30
+ @keyframes pulse {
31
+ 0% { transform: scale(1); }
32
+ 50% { transform: scale(1.05); }
33
+ 100% { transform: scale(1); }
34
  }
35
+ .hyper-speed {
36
+ animation: speed 0.3s linear infinite;
37
  }
38
+ @keyframes speed {
39
+ 0% { transform: translateX(0); }
40
+ 100% { transform: translateX(100%); }
41
+ }
42
+ .hyper-border {
43
+ border: 2px solid transparent;
44
+ border-image: linear-gradient(45deg, #00dbde, #fc00ff) 1;
45
  }
46
  </style>
47
  </head>
48
+ <body class="bg-black text-white font-mono">
49
+ <div class="fixed top-0 left-0 w-full h-1 bg-gradient-to-r from-purple-500 to-pink-500 z-50 hyper-speed"></div>
50
+
51
+ <div class="container mx-auto px-4 py-16">
52
+ <div class="text-center mb-16">
53
+ <h1 class="text-6xl font-bold hyper-text mb-4">DEEPSITE <span class="text-yellow-300">4111X</span></h1>
54
+ <p class="text-xl text-gray-300">The world's fastest AI website generator - 4111X faster than standard DeepSite</p>
55
+ <div class="mt-8 flex justify-center">
56
+ <div class="bg-gradient-to-r from-purple-900 to-pink-900 p-1 rounded-full hyper-pulse">
57
+ <button id="generateBtn" class="bg-black text-white px-8 py-4 rounded-full text-xl font-bold hover:bg-opacity-90 transition-all">
58
+ <i class="fas fa-bolt mr-2"></i> GENERATE NOW
59
+ </button>
60
+ </div>
 
61
  </div>
62
  </div>
 
63
 
64
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
65
+ <div class="bg-gray-900 p-6 rounded-xl border border-gray-800 hover:hyper-border transition-all">
66
+ <div class="text-5xl text-purple-400 mb-4">
67
+ <i class="fas fa-tachometer-alt"></i>
 
 
 
 
 
 
 
 
 
 
68
  </div>
69
+ <h3 class="text-2xl font-bold mb-2">4111X Speed</h3>
70
+ <p class="text-gray-400">Quantum-powered generation that completes in nanoseconds. Literally faster than light.</p>
71
+ </div>
72
+ <div class="bg-gray-900 p-6 rounded-xl border border-gray-800 hover:hyper-border transition-all">
73
+ <div class="text-5xl text-pink-400 mb-4">
74
+ <i class="fas fa-brain"></i>
 
 
 
 
 
 
 
 
 
 
 
 
75
  </div>
76
+ <h3 class="text-2xl font-bold mb-2">Hyper AI</h3>
77
+ <p class="text-gray-400">Neural networks trained at 4111X acceleration for unprecedented creativity.</p>
78
+ </div>
79
+ <div class="bg-gray-900 p-6 rounded-xl border border-gray-800 hover:hyper-border transition-all">
80
+ <div class="text-5xl text-blue-400 mb-4">
81
+ <i class="fas fa-infinity"></i>
 
 
 
82
  </div>
83
+ <h3 class="text-2xl font-bold mb-2">Limitless Output</h3>
84
+ <p class="text-gray-400">Generate 4111 websites simultaneously with our parallel dimension technology.</p>
85
  </div>
86
+ </div>
87
+
88
+ <div id="generatorPanel" class="hidden bg-gray-900 rounded-xl p-8 mb-16 hyper-shadow">
89
+ <div class="flex flex-col md:flex-row gap-8">
90
+ <div class="flex-1">
91
+ <h2 class="text-3xl font-bold mb-6 hyper-text">Configuration</h2>
 
 
 
 
 
 
 
 
 
92
 
93
+ <div class="space-y-6">
94
+ <div>
95
+ <label class="block text-gray-300 mb-2">Website Type</label>
96
+ <select id="siteType" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500">
97
+ <option>E-commerce</option>
98
+ <option>Portfolio</option>
99
+ <option>Blog</option>
100
+ <option>Corporate</option>
101
+ <option>Landing Page</option>
102
+ <option>Social Network</option>
103
+ </select>
104
  </div>
105
+
106
+ <div>
107
+ <label class="block text-gray-300 mb-2">Style</label>
108
+ <div class="grid grid-cols-3 gap-3">
109
+ <button class="style-option bg-gradient-to-br from-purple-900 to-blue-900 p-4 rounded-lg hover:opacity-90" data-style="futuristic">
110
+ <i class="fas fa-robot"></i> Futuristic
111
+ </button>
112
+ <button class="style-option bg-gradient-to-br from-pink-900 to-red-900 p-4 rounded-lg hover:opacity-90" data-style="minimal">
113
+ <i class="fas fa-minus"></i> Minimal
114
+ </button>
115
+ <button class="style-option bg-gradient-to-br from-green-900 to-teal-900 p-4 rounded-lg hover:opacity-90" data-style="organic">
116
+ <i class="fas fa-leaf"></i> Organic
117
+ </button>
118
+ </div>
119
  </div>
120
+
121
+ <div>
122
+ <label class="block text-gray-300 mb-2">Color Scheme</label>
123
+ <div class="flex space-x-2">
124
+ <input type="color" id="primaryColor" value="#8b5cf6" class="w-12 h-12 rounded-full overflow-hidden border-2 border-gray-700 cursor-pointer">
125
+ <input type="color" id="secondaryColor" value="#ec4899" class="w-12 h-12 rounded-full overflow-hidden border-2 border-gray-700 cursor-pointer">
126
+ <input type="color" id="accentColor" value="#3b82f6" class="w-12 h-12 rounded-full overflow-hidden border-2 border-gray-700 cursor-pointer">
127
+ </div>
128
  </div>
129
+
130
+ <div>
131
+ <label class="block text-gray-300 mb-2">Additional Features (4111X Boost)</label>
132
+ <div class="space-y-2">
133
+ <label class="flex items-center space-x-3">
134
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-purple-600" checked>
135
+ <span>AI Content Generation</span>
136
+ </label>
137
+ <label class="flex items-center space-x-3">
138
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-purple-600" checked>
139
+ <span>Responsive Design</span>
140
+ </label>
141
+ <label class="flex items-center space-x-3">
142
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-purple-600" checked>
143
+ <span>SEO Optimization</span>
144
+ </label>
145
+ <label class="flex items-center space-x-3">
146
+ <input type="checkbox" class="form-checkbox h-5 w-5 text-purple-600">
147
+ <span>Dark Mode</span>
148
+ </label>
149
+ </div>
 
 
 
 
 
 
150
  </div>
151
  </div>
152
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
153
 
154
+ <div class="flex-1">
155
+ <h2 class="text-3xl font-bold mb-6 hyper-text">Preview</h2>
156
+ <div id="previewContainer" class="bg-gray-800 rounded-lg p-4 h-96 overflow-auto border border-dashed border-gray-700">
157
+ <div class="text-center text-gray-500 py-16">
158
+ <i class="fas fa-eye-slash text-4xl mb-4"></i>
159
+ <p>Configure your website to see preview</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
160
  </div>
161
  </div>
162
  </div>
163
  </div>
164
 
165
+ <div class="mt-8 flex justify-between items-center">
166
+ <div class="text-gray-400">
167
+ <i class="fas fa-bolt"></i> Ready to generate at 4111X speed
168
+ </div>
169
+ <button id="generateNowBtn" class="hyper-gradient text-white px-8 py-3 rounded-full font-bold hover:opacity-90 transition-all">
170
+ <i class="fas fa-rocket mr-2"></i> LAUNCH GENERATOR
171
  </button>
172
  </div>
173
  </div>
174
+
175
+ <div id="resultPanel" class="hidden bg-gray-900 rounded-xl p-8 mb-16 hyper-shadow">
176
+ <div class="text-center py-12">
177
+ <div class="text-8xl text-green-400 mb-6">
178
+ <i class="fas fa-check-circle"></i>
 
 
 
 
 
 
 
 
179
  </div>
180
+ <h2 class="text-4xl font-bold mb-4 hyper-text">Generation Complete!</h2>
181
+ <p class="text-xl text-gray-300 mb-8">Your website was generated in <span class="text-yellow-300">0.00000024s</span> (4111X faster than standard)</p>
182
 
183
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
184
+ <div class="bg-gray-800 p-4 rounded-lg">
185
+ <div class="text-2xl text-purple-400 mb-2">
186
+ <i class="fas fa-file-code"></i>
187
+ </div>
188
+ <h3 class="font-bold mb-1">HTML Files</h3>
189
+ <p class="text-gray-400">4111 perfectly optimized files</p>
190
  </div>
191
+ <div class="bg-gray-800 p-4 rounded-lg">
192
+ <div class="text-2xl text-pink-400 mb-2">
193
+ <i class="fas fa-paint-brush"></i>
194
+ </div>
195
+ <h3 class="font-bold mb-1">CSS Styles</h3>
196
+ <p class="text-gray-400">4111 unique design systems</p>
 
197
  </div>
198
+ <div class="bg-gray-800 p-4 rounded-lg">
199
+ <div class="text-2xl text-blue-400 mb-2">
200
+ <i class="fas fa-code"></i>
201
+ </div>
202
+ <h3 class="font-bold mb-1">JS Functions</h3>
203
+ <p class="text-gray-400">4111 interactive elements</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
204
  </div>
205
  </div>
206
+
207
+ <div class="flex justify-center space-x-4">
208
+ <button class="bg-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-purple-700 transition-all">
209
+ <i class="fas fa-download mr-2"></i> Download ZIP
210
+ </button>
211
+ <button class="bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-all">
212
+ <i class="fas fa-eye mr-2"></i> Live Preview
213
+ </button>
214
+ <button class="bg-green-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-green-700 transition-all">
215
+ <i class="fas fa-redo mr-2"></i> Generate Again
216
+ </button>
217
  </div>
218
  </div>
219
  </div>
220
+
221
+ <div class="text-center text-gray-500 text-sm mt-24">
222
+ <p>© 2023 DeepSite 4111X Technologies. All rights reserved.</p>
223
+ <p class="mt-2">This product contains quantum computing particles that may travel faster than light.</p>
224
+ </div>
225
+ </div>
226
 
227
  <script>
228
  document.addEventListener('DOMContentLoaded', function() {
229
+ const generateBtn = document.getElementById('generateBtn');
230
+ const generatorPanel = document.getElementById('generatorPanel');
231
+ const resultPanel = document.getElementById('resultPanel');
232
+ const generateNowBtn = document.getElementById('generateNowBtn');
233
+ const previewContainer = document.getElementById('previewContainer');
234
+ const styleOptions = document.querySelectorAll('.style-option');
235
+
236
+ // Speed metrics
237
+ let speedFactor = 4111;
238
+
239
+ // Generate button click
240
+ generateBtn.addEventListener('click', function() {
241
+ generatorPanel.classList.remove('hidden');
242
+ resultPanel.classList.add('hidden');
243
+ generateBtn.classList.add('hidden');
244
+
245
+ // Scroll to panel
246
+ generatorPanel.scrollIntoView({ behavior: 'smooth' });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
247
  });
248
 
249
+ // Style selection
250
+ styleOptions.forEach(option => {
251
+ option.addEventListener('click', function() {
252
+ styleOptions.forEach(opt => opt.classList.remove('border-2', 'border-white'));
253
+ this.classList.add('border-2', 'border-white');
254
+
255
+ // Update preview based on style
256
+ updatePreview(this.dataset.style);
257
+ });
258
  });
259
 
260
+ // Color pickers
261
+ const colorInputs = document.querySelectorAll('input[type="color"]');
262
+ colorInputs.forEach(input => {
263
+ input.addEventListener('input', function() {
264
+ updatePreview();
265
+ });
 
 
266
  });
267
 
268
+ // Generate now button
269
+ generateNowBtn.addEventListener('click', function() {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
270
  // Show loading state
271
+ generateNowBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> GENERATING AT 4111X SPEED...';
272
+ generateNowBtn.disabled = true;
273
 
274
+ // Simulate ultra-fast generation (but with a small delay for effect)
275
  setTimeout(() => {
276
+ generatorPanel.classList.add('hidden');
277
+ resultPanel.classList.remove('hidden');
 
 
 
278
 
279
+ // Update speed metrics with random variation
280
+ const baseTime = 0.00000024;
281
+ const randomFactor = 1 + (Math.random() * 0.2 - 0.1); // ±10% variation
282
+ const displayTime = (baseTime * randomFactor).toFixed(8);
 
283
 
284
+ document.querySelector('#resultPanel .text-yellow-300').textContent = `${displayTime}s`;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
285
 
286
  // Scroll to results
287
+ resultPanel.scrollIntoView({ behavior: 'smooth' });
288
+ }, 300); // "Slow" 300ms delay to appreciate the 4111X speed!
289
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
290
 
291
+ // Update preview function
292
+ function updatePreview(style = 'futuristic') {
293
+ const primaryColor = document.getElementById('primaryColor').value;
294
+ const secondaryColor = document.getElementById('secondaryColor').value;
295
+ const accentColor = document.getElementById('accentColor').value;
296
 
297
+ // Generate preview HTML based on selections
298
+ let previewHTML = `
299
+ <div class="min-h-full" style="background: linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%); color: white;">
300
+ <div class="p-6">
301
+ <div class="flex justify-between items-center mb-8">
302
+ <div class="text-2xl font-bold" style="color: ${accentColor};">DeepSite 4111X</div>
303
+ <div class="flex space-x-4">
304
+ <a href="#" class="hover:underline">Home</a>
305
+ <a href="#" class="hover:underline">Features</a>
306
+ <a href="#" class="hover:underline">About</a>
307
+ <a href="#" class="hover:underline">Contact</a>
308
+ </div>
309
+ </div>
310
+
311
+ <div class="text-center py-12">
312
+ <h1 class="text-4xl font-bold mb-4">Welcome to the Future</h1>
313
+ <p class="text-xl mb-8">Experience website generation at 4111X the speed</p>
314
+ <button class="px-6 py-3 rounded-full font-bold" style="background: ${accentColor};">Get Started</button>
315
+ </div>
316
+
317
+ <div class="grid grid-cols-3 gap-6 mt-16">
318
+ <div class="bg-white bg-opacity-10 p-4 rounded-lg">
319
+ <div class="text-3xl mb-2" style="color: ${accentColor};">4111X</div>
320
+ <h3 class="font-bold mb-2">Speed</h3>
321
+ <p>Faster than light generation</p>
322
+ </div>
323
+ <div class="bg-white bg-opacity-10 p-4 rounded-lg">
324
+ <div class="text-3xl mb-2" style="color: ${accentColor};">AI</div>
325
+ <h3 class="font-bold mb-2">Intelligence</h3>
326
+ <p>Quantum-powered creativity</p>
327
+ </div>
328
+ <div class="bg-white bg-opacity-10 p-4 rounded-lg">
329
+ <div class="text-3xl mb-2" style="color: ${accentColor};">∞</div>
330
+ <h3 class="font-bold mb-2">Possibilities</h3>
331
+ <p>Limitless combinations</p>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </div>
336
+ `;
337
+
338
+ previewContainer.innerHTML = previewHTML;
339
  }
340
 
341
+ // Initialize with first style selected
342
+ if (styleOptions.length > 0) {
343
+ styleOptions[0].click();
344
  }
 
 
 
345
  });
346
  </script>
347
  <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/system-correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
prompts.txt CHANGED
@@ -1,3 +1,5 @@
1
  https://huggingface.co/spaces/doctorblo/systeme-correction
2
  aucun bouton fonctionne veuillez verifier toutes les bouton et mettre a jours
3
- aucun bouton fonctionne veuillez corriger les erreurs de non fonctionnement
 
 
 
1
  https://huggingface.co/spaces/doctorblo/systeme-correction
2
  aucun bouton fonctionne veuillez verifier toutes les bouton et mettre a jours
3
+ aucun bouton fonctionne veuillez corriger les erreurs de non fonctionnement
4
+ deepsite ai
5
+ CREE LE GENERATEUR DEEPSITE 4111 FOIS PLUS RAPIDE QUE DEEPSITE