Hugging Face's logo

Spaces:
docto41
/
correction
Running

App Files Community
docto41 commited on
Commit
0abcc14
·
verified ·
1 Parent(s): 7bd85dc

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +377 -229
  2. prompts.txt +3 -1
index.html CHANGED
@@ -43,6 +43,25 @@
43
  background: linear-gradient(#0f172a, #0f172a) padding-box,
44
  linear-gradient(90deg, #00f5d4, #00bbf9, #9b5de5) border-box;
45
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  </style>
47
  </head>
48
  <body class="bg-slate-900 text-gray-100 min-h-screen font-sans">
@@ -78,10 +97,31 @@
78
  <span>Settings</span>
79
  </a>
80
  </nav>
81
- <button class="md:hidden text-2xl">
82
  <i class="fas fa-bars"></i>
83
  </button>
84
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
  </header>
86
 
87
  <!-- Quantum Processing Unit -->
@@ -91,17 +131,17 @@
91
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow col-span-1 lg:col-span-4">
92
  <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
93
  <div>
94
- <h2 class="text-2xl font-bold hyper-gradient-text mb-2">Quantum Processing Unit</h2>
95
- <p class="text-slate-300">Harnessing 7.7 million parallel quantum threads</p>
96
  </div>
97
  <div class="mt-4 md:mt-0 flex space-x-4">
98
  <div class="text-center">
99
  <div class="text-4xl font-bold text-yellow-300">0.000001ms</div>
100
- <div class="text-xs text-slate-400">AVG PROCESSING TIME</div>
101
  </div>
102
  <div class="text-center">
103
  <div class="text-4xl font-bold text-green-400">∞</div>
104
- <div class="text-xs text-slate-400">QUANTUM SPEED</div>
105
  </div>
106
  </div>
107
  </div>
@@ -112,230 +152,212 @@
112
  <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
113
  <!-- Left Panel -->
114
  <div class="space-y-6">
115
- <!-- Speed Monitor -->
 
 
 
 
 
 
 
 
 
 
 
 
 
116
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
117
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
118
- <i class="fas fa-tachometer-alt mr-2"></i>
119
- Speed Monitor
120
  </h3>
121
  <div class="space-y-4">
122
  <div>
123
- <div class="flex justify-between text-sm text-slate-400 mb-1">
124
- <span>Quantum Velocity</span>
125
- <span>7,777,777×</span>
126
- </div>
127
- <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
128
- <div class="h-full bg-gradient-to-r from-cyan-500 to-blue-500 rounded-full" style="width: 100%"></div>
129
- </div>
 
 
130
  </div>
131
  <div>
132
- <div class="flex justify-between text-sm text-slate-400 mb-1">
133
- <span>Processing Power</span>
134
- <span>∞ Teraflops</span>
135
- </div>
136
- <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
137
- <div class="h-full bg-gradient-to-r from-purple-500 to-pink-500 rounded-full" style="width: 100%"></div>
138
- </div>
 
139
  </div>
140
  <div>
141
- <div class="flex justify-between text-sm text-slate-400 mb-1">
142
- <span>Memory Bandwidth</span>
143
- <span>7.7 PB/s</span>
144
- </div>
145
- <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
146
- <div class="h-full bg-gradient-to-r from-green-400 to-cyan-500 rounded-full" style="width: 100%"></div>
147
  </div>
148
  </div>
149
  </div>
150
  </div>
151
-
152
- <!-- Quick Actions -->
153
- <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
154
- <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
155
- <i class="fas fa-bolt mr-2"></i>
156
- Hyper Actions
157
- </h3>
158
- <div class="space-y-3">
159
- <button class="w-full flex items-center justify-between px-4 py-3 bg-cyan-900 bg-opacity-30 text-cyan-400 rounded-lg hover:bg-cyan-800 hover:bg-opacity-50 transition-all">
160
- <div class="flex items-center">
161
- <i class="fas fa-atom mr-3"></i>
162
- <span>Quantum Boost</span>
163
- </div>
164
- <i class="fas fa-chevron-right"></i>
165
- </button>
166
- <button class="w-full flex items-center justify-between px-4 py-3 bg-purple-900 bg-opacity-30 text-purple-400 rounded-lg hover:bg-purple-800 hover:bg-opacity-50 transition-all">
167
- <div class="flex items-center">
168
- <i class="fas fa-infinity mr-3"></i>
169
- <span>Infinite Scan</span>
170
- </div>
171
- <i class="fas fa-chevron-right"></i>
172
- </button>
173
- <button class="w-full flex items-center justify-between px-4 py-3 bg-pink-900 bg-opacity-30 text-pink-400 rounded-lg hover:bg-pink-800 hover:bg-opacity-50 transition-all">
174
- <div class="flex items-center">
175
- <i class="fas fa-lightbulb mr-3"></i>
176
- <span>Neural Optimize</span>
177
- </div>
178
- <i class="fas fa-chevron-right"></i>
179
- </button>
180
- </div>
181
- </div>
182
  </div>
183
 
184
- <!-- Main Panel -->
185
  <div class="lg:col-span-2 space-y-6">
186
- <!-- Quantum Console -->
187
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
188
  <div class="flex justify-between items-center mb-6">
189
  <h3 class="text-xl font-bold hyper-gradient-text">
190
- <i class="fas fa-terminal mr-2"></i>
191
- Quantum Console
192
  </h3>
193
  <div class="flex space-x-2">
194
- <button class="px-3 py-1 bg-cyan-900 bg-opacity-30 text-cyan-400 rounded-lg text-sm hover:bg-cyan-800 transition-all">
195
- <i class="fas fa-play mr-1"></i> Execute
196
  </button>
197
- <button class="px-3 py-1 bg-purple-900 bg-opacity-30 text-purple-400 rounded-lg text-sm hover:bg-purple-800 transition-all">
198
- <i class="fas fa-redo mr-1"></i> Reset
199
  </button>
200
  </div>
201
  </div>
202
 
203
- <div class="mb-4">
204
- <div class="relative">
205
- <div class="absolute left-3 top-3 text-cyan-400">
206
- <i class="fas fa-angle-right"></i>
 
 
 
 
207
  </div>
208
- <input type="text" class="w-full pl-10 pr-4 py-3 bg-slate-700 border border-slate-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:border-transparent console-text" placeholder="Enter quantum command...">
209
  </div>
210
- </div>
211
-
212
- <div class="bg-black bg-opacity-50 p-4 rounded-lg h-64 overflow-y-auto neon-border">
213
- <div class="console-text text-sm space-y-2">
214
- <p class="text-green-400">> SYSTEM INITIALIZED - QUANTUM MODE ENGAGED</p>
215
- <p class="text-cyan-400">> LOADING 7,777,777 PARALLEL PROCESSES...</p>
216
- <p class="text-green-400">> QUANTUM SPEED: 7,777,777× FASTER THAN STANDARD DEEPSITE</p>
217
- <p class="text-purple-400">> NEURAL NETWORK OPTIMIZATION COMPLETE</p>
218
- <p class="text-yellow-300">> READY FOR HYPERSPEED COMMANDS</p>
219
- <p class="text-slate-400">> _</p>
 
220
  </div>
221
  </div>
222
  </div>
223
 
224
- <!-- Performance Matrix -->
225
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
226
  <h3 class="text-xl font-bold hyper-gradient-text mb-6">
227
- <i class="fas fa-chart-line mr-2"></i>
228
- Performance Matrix
229
  </h3>
230
- <div class="grid grid-cols-2 gap-4">
231
- <div class="bg-slate-700 p-4 rounded-lg">
232
- <div class="text-3xl font-bold text-cyan-400 mb-1">0.000001ms</div>
233
- <div class="text-xs text-slate-400">RESPONSE TIME</div>
234
- <div class="mt-2 h-1 w-full bg-slate-600 rounded-full overflow-hidden">
235
- <div class="h-full bg-cyan-500 rounded-full" style="width: 100%"></div>
236
- </div>
237
- </div>
238
- <div class="bg-slate-700 p-4 rounded-lg">
239
- <div class="text-3xl font-bold text-purple-400 mb-1">∞</div>
240
- <div class="text-xs text-slate-400">THROUGHPUT</div>
241
- <div class="mt-2 h-1 w-full bg-slate-600 rounded-full overflow-hidden">
242
- <div class="h-full bg-purple-500 rounded-full" style="width: 100%"></div>
243
- </div>
244
- </div>
245
- <div class="bg-slate-700 p-4 rounded-lg">
246
- <div class="text-3xl font-bold text-pink-400 mb-1">100%</div>
247
- <div class="text-xs text-slate-400">EFFICIENCY</div>
248
- <div class="mt-2 h-1 w-full bg-slate-600 rounded-full overflow-hidden">
249
- <div class="h-full bg-pink-500 rounded-full" style="width: 100%"></div>
250
- </div>
251
- </div>
252
- <div class="bg-slate-700 p-4 rounded-lg">
253
- <div class="text-3xl font-bold text-yellow-300 mb-1">7.7M×</div>
254
- <div class="text-xs text-slate-400">SPEED FACTOR</div>
255
- <div class="mt-2 h-1 w-full bg-slate-600 rounded-full overflow-hidden">
256
- <div class="h-full bg-yellow-500 rounded-full" style="width: 100%"></div>
257
- </div>
258
  </div>
259
  </div>
 
 
 
 
 
 
 
 
 
 
 
260
  </div>
261
  </div>
262
 
263
  <!-- Right Panel -->
264
  <div class="space-y-6">
265
- <!-- Quantum Nodes -->
266
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
267
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
268
- <i class="fas fa-project-diagram mr-2"></i>
269
- Quantum Nodes
270
  </h3>
271
  <div class="space-y-4">
272
- <div class="flex items-center justify-between">
273
- <div class="flex items-center">
274
- <div class="w-3 h-3 rounded-full bg-green-500 mr-3 pulse"></div>
275
- <span class="text-sm">Node Q-1</span>
276
  </div>
277
- <span class="text-xs text-slate-400">7.7M ops</span>
278
- </div>
279
- <div class="flex items-center justify-between">
280
- <div class="flex items-center">
281
- <div class="w-3 h-3 rounded-full bg-green-500 mr-3 pulse"></div>
282
- <span class="text-sm">Node Q-2</span>
283
  </div>
284
- <span class="text-xs text-slate-400">7.7M ops</span>
285
  </div>
286
- <div class="flex items-center justify-between">
287
- <div class="flex items-center">
288
- <div class="w-3 h-3 rounded-full bg-green-500 mr-3 pulse"></div>
289
- <span class="text-sm">Node Q-3</span>
 
 
 
290
  </div>
291
- <span class="text-xs text-slate-400">7.7M ops</span>
292
  </div>
293
- <div class="flex items-center justify-between">
294
- <div class="flex items-center">
295
- <div class="w-3 h-3 rounded-full bg-green-500 mr-3 pulse"></div>
296
- <span class="text-sm">Node Q-4</span>
 
 
 
297
  </div>
298
- <span class="text-xs text-slate-400">7.7M ops</span>
299
  </div>
300
- <div class="flex items-center justify-between">
301
- <div class="flex items-center">
302
- <div class="w-3 h-3 rounded-full bg-green-500 mr-3 pulse"></div>
303
- <span class="text-sm">Node Q-5</span>
 
 
 
304
  </div>
305
- <span class="text-xs text-slate-400">7.7M ops</span>
306
  </div>
307
  </div>
308
  </div>
309
 
310
- <!-- Speed Comparison -->
311
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
312
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
313
- <i class="fas fa-rocket mr-2"></i>
314
- Speed Comparison
315
  </h3>
316
  <div class="space-y-3">
317
- <div>
318
- <div class="flex justify-between text-sm mb-1">
319
- <span class="text-slate-300">Standard DeepSite</span>
320
- <span class="text-slate-400">1×</span>
321
  </div>
322
- <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
323
- <div class="h-full bg-slate-600 rounded-full" style="width: 0.00001%"></div>
 
324
  </div>
325
  </div>
326
- <div>
327
- <div class="flex justify-between text-sm mb-1">
328
- <span class="text-yellow-300 font-bold">DeepSite Ultra</span>
329
- <span class="text-yellow-300 font-bold">7,777,777×</span>
330
  </div>
331
- <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
332
- <div class="h-full bg-gradient-to-r from-cyan-500 to-blue-500 rounded-full" style="width: 100%"></div>
 
 
 
 
 
 
 
 
 
 
333
  </div>
334
  </div>
335
- </div>
336
- <div class="mt-4 text-center text-xs text-slate-400">
337
- <i class="fas fa-info-circle mr-1"></i>
338
- Actual speed may exceed displayed values
339
  </div>
340
  </div>
341
  </div>
@@ -351,7 +373,7 @@
351
  <i class="fas fa-bolt text-2xl text-yellow-300"></i>
352
  <h2 class="text-xl font-bold hyper-gradient-text">DeepSite ULTRA</h2>
353
  </div>
354
- <p class="mt-2 text-slate-400">Quantum-powered system correction at 7,777,777× speed</p>
355
  </div>
356
  <div class="flex space-x-6">
357
  <a href="#" class="text-slate-400 hover:text-cyan-400 transition-all text-xl"><i class="fab fa-github"></i></a>
@@ -368,78 +390,204 @@
368
  </footer>
369
 
370
  <script>
371
- // Quantum console functionality
372
- document.addEventListener('DOMContentLoaded', function() {
373
- const consoleInput = document.querySelector('.console-text');
374
- const consoleOutput = document.querySelector('.console-text.space-y-2');
375
- const executeBtn = document.querySelector('button:contains("Execute")');
376
- const resetBtn = document.querySelector('button:contains("Reset")');
377
-
378
- if (executeBtn && consoleInput && consoleOutput) {
379
- executeBtn.addEventListener('click', function() {
380
- const command = consoleInput.value.trim();
381
- if (command) {
382
- // Add command to output
383
- const newEntry = document.createElement('p');
384
- newEntry.className = 'text-cyan-400';
385
- newEntry.textContent = `> ${command}`;
386
- consoleOutput.appendChild(newEntry);
387
-
388
- // Add quantum response
389
- const response = document.createElement('p');
390
- response.className = 'text-green-400';
391
-
392
- // Simulate different responses
393
- if (command.toLowerCase().includes('speed')) {
394
- response.textContent = `> QUANTUM SPEED INCREASED TO ${Math.floor(Math.random() * 10000000) + 7777777}×`;
395
- } else if (command.toLowerCase().includes('scan')) {
396
- response.textContent = `> SCAN COMPLETED IN 0.0000001ms - 7,777,777 ISSUES FOUND AND RESOLVED`;
397
- } else {
398
- response.textContent = `> COMMAND EXECUTED ACROSS 7,777,777 QUANTUM THREADS IN 0.000001ms`;
399
- }
400
-
401
- consoleOutput.appendChild(response);
402
- consoleOutput.appendChild(document.createElement('p')).className = 'text-slate-400';
403
- consoleOutput.lastChild.textContent = '> _';
404
-
405
- // Scroll to bottom
406
- consoleOutput.parentElement.scrollTop = consoleOutput.parentElement.scrollHeight;
407
-
408
- // Clear input
409
- consoleInput.value = '';
410
- }
411
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
412
  }
 
 
 
 
 
 
 
 
 
413
 
414
- if (resetBtn && consoleOutput) {
415
- resetBtn.addEventListener('click', function() {
416
- consoleOutput.innerHTML = `
417
- <p class="text-green-400">> SYSTEM RESET INITIATED</p>
418
- <p class="text-cyan-400">> REINITIALIZING QUANTUM MATRIX...</p>
419
- <p class="text-purple-400">> 7,777,777 PARALLEL PROCESSES RESTARTED</p>
420
- <p class="text-yellow-300">> QUANTUM SPEED RESTORED TO 7,777,777×</p>
421
- <p class="text-slate-400">> _</p>
422
- `;
423
- });
424
- }
425
 
426
- // Make console input respond to Enter key
427
- if (consoleInput) {
428
- consoleInput.addEventListener('keypress', function(e) {
429
- if (e.key === 'Enter') {
430
- executeBtn.click();
431
- }
432
- });
433
  }
434
 
435
- // Mobile menu placeholder
436
- const mobileMenuBtn = document.querySelector('.md\\:hidden');
437
- if (mobileMenuBtn) {
438
- mobileMenuBtn.addEventListener('click', function() {
439
- alert('Quantum mobile menu would appear here');
440
- });
441
- }
442
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
443
  </script>
444
  <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/correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
445
  </html>
 
43
  background: linear-gradient(#0f172a, #0f172a) padding-box,
44
  linear-gradient(90deg, #00f5d4, #00bbf9, #9b5de5) border-box;
45
  }
46
+ .site-preview {
47
+ transform: scale(0.8);
48
+ transform-origin: top;
49
+ pointer-events: none;
50
+ border: 1px solid rgba(255,255,255,0.1);
51
+ background: white;
52
+ color: black;
53
+ }
54
+ .generated-site {
55
+ min-height: 300px;
56
+ background-size: cover;
57
+ background-position: center;
58
+ }
59
+ .pulse {
60
+ animation: pulse 2s infinite;
61
+ }
62
+ #mobileMenu {
63
+ transition: all 0.3s ease;
64
+ }
65
  </style>
66
  </head>
67
  <body class="bg-slate-900 text-gray-100 min-h-screen font-sans">
 
97
  <span>Settings</span>
98
  </a>
99
  </nav>
100
+ <button id="mobileMenuButton" class="md:hidden text-2xl">
101
  <i class="fas fa-bars"></i>
102
  </button>
103
  </div>
104
+ <!-- Mobile Menu -->
105
+ <div id="mobileMenu" class="md:hidden hidden mt-4">
106
+ <div class="flex flex-col space-y-4">
107
+ <a href="#" class="hover:text-yellow-300 transition-all flex items-center">
108
+ <i class="fas fa-rocket mr-2"></i>
109
+ <span>Launch</span>
110
+ </a>
111
+ <a href="#" class="hover:text-yellow-300 transition-all flex items-center">
112
+ <i class="fas fa-tachometer-alt mr-2"></i>
113
+ <span>Dashboard</span>
114
+ </a>
115
+ <a href="#" class="hover:text-yellow-300 transition-all flex items-center">
116
+ <i class="fas fa-microchip mr-2"></i>
117
+ <span>Optimize</span>
118
+ </a>
119
+ <a href="#" class="hover:text-yellow-300 transition-all flex items-center">
120
+ <i class="fas fa-cog mr-2"></i>
121
+ <span>Settings</span>
122
+ </a>
123
+ </div>
124
+ </div>
125
  </header>
126
 
127
  <!-- Quantum Processing Unit -->
 
131
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow col-span-1 lg:col-span-4">
132
  <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
133
  <div>
134
+ <h2 class="text-2xl font-bold hyper-gradient-text mb-2">Quantum Site Generator</h2>
135
+ <p class="text-slate-300">Create complete websites from description in 0.000001ms</p>
136
  </div>
137
  <div class="mt-4 md:mt-0 flex space-x-4">
138
  <div class="text-center">
139
  <div class="text-4xl font-bold text-yellow-300">0.000001ms</div>
140
+ <div class="text-xs text-slate-400">GENERATION TIME</div>
141
  </div>
142
  <div class="text-center">
143
  <div class="text-4xl font-bold text-green-400">∞</div>
144
+ <div class="text-xs text-slate-400">DESIGN VARIATIONS</div>
145
  </div>
146
  </div>
147
  </div>
 
152
  <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
153
  <!-- Left Panel -->
154
  <div class="space-y-6">
155
+ <!-- Site Description Input -->
156
+ <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
157
+ <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
158
+ <i class="fas fa-edit mr-2"></i>
159
+ Site Description
160
+ </h3>
161
+ <textarea id="siteDescription" class="w-full px-4 py-3 bg-slate-700 border border-slate-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:border-transparent" rows="5" placeholder="Describe the website you want to create..."></textarea>
162
+ <button id="generateBtn" class="w-full mt-4 px-4 py-3 hyper-gradient text-black font-bold rounded-lg hover:opacity-90 transition-all flex items-center justify-center">
163
+ <i class="fas fa-bolt mr-2"></i>
164
+ GENERATE SITE (7,777,777×)
165
+ </button>
166
+ </div>
167
+
168
+ <!-- Style Options -->
169
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
170
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
171
+ <i class="fas fa-palette mr-2"></i>
172
+ Style Options
173
  </h3>
174
  <div class="space-y-4">
175
  <div>
176
+ <label class="block text-sm text-slate-400 mb-1">Color Scheme</label>
177
+ <select id="colorScheme" class="w-full px-4 py-2 bg-slate-700 border border-slate-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:border-transparent">
178
+ <option value="corporate">Corporate</option>
179
+ <option value="creative">Creative</option>
180
+ <option value="modern">Modern</option>
181
+ <option value="minimal">Minimal</option>
182
+ <option value="dark">Dark</option>
183
+ <option value="vibrant">Vibrant</option>
184
+ </select>
185
  </div>
186
  <div>
187
+ <label class="block text-sm text-slate-400 mb-1">Layout</label>
188
+ <select id="layout" class="w-full px-4 py-2 bg-slate-700 border border-slate-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:border-transparent">
189
+ <option value="landing">Landing Page</option>
190
+ <option value="portfolio">Portfolio</option>
191
+ <option value="ecommerce">E-commerce</option>
192
+ <option value="blog">Blog</option>
193
+ <option value="dashboard">Dashboard</option>
194
+ </select>
195
  </div>
196
  <div>
197
+ <label class="block text-sm text-slate-400 mb-1">Animation Level</label>
198
+ <input type="range" id="animationLevel" min="0" max="2" value="1" class="w-full">
199
+ <div class="flex justify-between text-xs text-slate-400 mt-1">
200
+ <span>None</span>
201
+ <span>Moderate</span>
202
+ <span>High</span>
203
  </div>
204
  </div>
205
  </div>
206
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
207
  </div>
208
 
209
+ <!-- Main Panel - Site Preview -->
210
  <div class="lg:col-span-2 space-y-6">
211
+ <!-- Real-time Preview -->
212
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
213
  <div class="flex justify-between items-center mb-6">
214
  <h3 class="text-xl font-bold hyper-gradient-text">
215
+ <i class="fas fa-eye mr-2"></i>
216
+ Quantum Preview
217
  </h3>
218
  <div class="flex space-x-2">
219
+ <button id="refreshPreview" class="px-3 py-1 bg-cyan-900 bg-opacity-30 text-cyan-400 rounded-lg text-sm hover:bg-cyan-800 transition-all">
220
+ <i class="fas fa-sync-alt mr-1"></i> Refresh
221
  </button>
222
+ <button id="exportBtn" class="px-3 py-1 bg-purple-900 bg-opacity-30 text-purple-400 rounded-lg text-sm hover:bg-purple-800 transition-all">
223
+ <i class="fas fa-download mr-1"></i> Export
224
  </button>
225
  </div>
226
  </div>
227
 
228
+ <div class="relative">
229
+ <div class="site-preview-container bg-slate-900 p-4 rounded-lg overflow-hidden">
230
+ <div id="sitePreview" class="site-preview mx-auto generated-site w-full">
231
+ <div class="text-center py-20 text-slate-400">
232
+ <i class="fas fa-magic fa-3x mb-4"></i>
233
+ <p>Describe your website to see a live preview</p>
234
+ <p class="text-xs mt-2">Quantum generation at 7,777,777× speed</p>
235
+ </div>
236
  </div>
 
237
  </div>
238
+ <div id="generationStatus" class="absolute inset-0 bg-black bg-opacity-70 flex items-center justify-center hidden">
239
+ <div class="text-center">
240
+ <div class="text-4xl text-yellow-300 mb-4">
241
+ <i class="fas fa-atom fa-spin"></i>
242
+ </div>
243
+ <h4 class="text-xl font-bold hyper-gradient-text">QUANTUM GENERATION IN PROGRESS</h4>
244
+ <p class="text-slate-300 mt-2">Processing across 7,777,777 parallel universes...</p>
245
+ <div class="mt-4 w-full bg-slate-700 rounded-full h-2">
246
+ <div id="progressBar" class="bg-gradient-to-r from-cyan-500 to-blue-500 h-2 rounded-full" style="width: 0%"></div>
247
+ </div>
248
+ </div>
249
  </div>
250
  </div>
251
  </div>
252
 
253
+ <!-- Generated Code -->
254
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
255
  <h3 class="text-xl font-bold hyper-gradient-text mb-6">
256
+ <i class="fas fa-code mr-2"></i>
257
+ Quantum-Generated Code
258
  </h3>
259
+ <div class="bg-black bg-opacity-50 p-4 rounded-lg neon-border">
260
+ <div id="generatedCode" class="console-text text-sm overflow-x-auto">
261
+ <p class="text-slate-500">// Your optimized website code will appear here</p>
262
+ <p class="text-slate-500">// Generated at 7,777,777× standard speed</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
263
  </div>
264
  </div>
265
+ <div class="mt-4 flex justify-end space-x-2">
266
+ <button id="copyHtmlBtn" class="px-3 py-1 bg-slate-700 rounded-lg text-sm hover:bg-slate-600 transition-all">
267
+ <i class="fas fa-copy mr-1"></i> Copy HTML
268
+ </button>
269
+ <button id="copyCssBtn" class="px-3 py-1 bg-slate-700 rounded-lg text-sm hover:bg-slate-600 transition-all">
270
+ <i class="fas fa-copy mr-1"></i> Copy CSS
271
+ </button>
272
+ <button id="copyJsBtn" class="px-3 py-1 bg-slate-700 rounded-lg text-sm hover:bg-slate-600 transition-all">
273
+ <i class="fas fa-copy mr-1"></i> Copy JS
274
+ </button>
275
+ </div>
276
  </div>
277
  </div>
278
 
279
  <!-- Right Panel -->
280
  <div class="space-y-6">
281
+ <!-- Generation Stats -->
282
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
283
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
284
+ <i class="fas fa-chart-pie mr-2"></i>
285
+ Generation Stats
286
  </h3>
287
  <div class="space-y-4">
288
+ <div>
289
+ <div class="flex justify-between text-sm text-slate-400 mb-1">
290
+ <span>Quantum Speed</span>
291
+ <span>7,777,777×</span>
292
  </div>
293
+ <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
294
+ <div class="h-full bg-gradient-to-r from-cyan-500 to-blue-500 rounded-full" style="width: 100%"></div>
 
 
 
 
295
  </div>
 
296
  </div>
297
+ <div>
298
+ <div class="flex justify-between text-sm text-slate-400 mb-1">
299
+ <span>Code Optimization</span>
300
+ <span>100%</span>
301
+ </div>
302
+ <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
303
+ <div class="h-full bg-gradient-to-r from-purple-500 to-pink-500 rounded-full" style="width: 100%"></div>
304
  </div>
 
305
  </div>
306
+ <div>
307
+ <div class="flex justify-between text-sm text-slate-400 mb-1">
308
+ <span>SEO Score</span>
309
+ <span>98/100</span>
310
+ </div>
311
+ <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
312
+ <div class="h-full bg-gradient-to-r from-green-400 to-cyan-500 rounded-full" style="width: 98%"></div>
313
  </div>
 
314
  </div>
315
+ <div>
316
+ <div class="flex justify-between text-sm text-slate-400 mb-1">
317
+ <span>Accessibility</span>
318
+ <span>95/100</span>
319
+ </div>
320
+ <div class="w-full h-2 bg-slate-700 rounded-full overflow-hidden">
321
+ <div class="h-full bg-gradient-to-r from-yellow-400 to-orange-500 rounded-full" style="width: 95%"></div>
322
  </div>
 
323
  </div>
324
  </div>
325
  </div>
326
 
327
+ <!-- Suggested Improvements -->
328
  <div class="hyper-card bg-slate-800 rounded-xl p-6 hyper-shadow">
329
  <h3 class="text-lg font-semibold hyper-gradient-text mb-4">
330
+ <i class="fas fa-lightbulb mr-2"></i>
331
+ Quantum Suggestions
332
  </h3>
333
  <div class="space-y-3">
334
+ <div class="p-3 bg-slate-700 rounded-lg flex items-start">
335
+ <div class="text-yellow-300 mr-3 mt-1">
336
+ <i class="fas fa-bolt"></i>
 
337
  </div>
338
+ <div>
339
+ <h4 class="font-medium">Add micro-interactions</h4>
340
+ <p class="text-xs text-slate-400">Increase engagement by 37%</p>
341
  </div>
342
  </div>
343
+ <div class="p-3 bg-slate-700 rounded-lg flex items-start">
344
+ <div class="text-purple-300 mr-3 mt-1">
345
+ <i class="fas fa-search"></i>
 
346
  </div>
347
+ <div>
348
+ <h4 class="font-medium">Optimize for keywords</h4>
349
+ <p class="text-xs text-slate-400">"Quantum design" trending +277%</p>
350
+ </div>
351
+ </div>
352
+ <div class="p-3 bg-slate-700 rounded-lg flex items-start">
353
+ <div class="text-cyan-300 mr-3 mt-1">
354
+ <i class="fas fa-mobile-alt"></i>
355
+ </div>
356
+ <div>
357
+ <h4 class="font-medium">Mobile-first approach</h4>
358
+ <p class="text-xs text-slate-400">72% of your audience</p>
359
  </div>
360
  </div>
 
 
 
 
361
  </div>
362
  </div>
363
  </div>
 
373
  <i class="fas fa-bolt text-2xl text-yellow-300"></i>
374
  <h2 class="text-xl font-bold hyper-gradient-text">DeepSite ULTRA</h2>
375
  </div>
376
+ <p class="mt-2 text-slate-400">Quantum-powered site generation at 7,777,777× speed</p>
377
  </div>
378
  <div class="flex space-x-6">
379
  <a href="#" class="text-slate-400 hover:text-cyan-400 transition-all text-xl"><i class="fab fa-github"></i></a>
 
390
  </footer>
391
 
392
  <script>
393
+ // Sample website templates for preview
394
+ const websiteTemplates = {
395
+ corporate: {
396
+ background: "linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)",
397
+ content: `
398
+ <header class="bg-white shadow-sm py-4 px-6">
399
+ <div class="container mx-auto flex justify-between items-center">
400
+ <h1 class="text-2xl font-bold text-gray-800">QuantumCorp</h1>
401
+ <nav class="hidden md:flex space-x-8">
402
+ <a href="#" class="text-blue-600 font-medium">Home</a>
403
+ <a href="#" class="text-gray-600 hover:text-blue-600">Services</a>
404
+ <a href="#" class="text-gray-600 hover:text-blue-600">About</a>
405
+ <a href="#" class="text-gray-600 hover:text-blue-600">Contact</a>
406
+ </nav>
407
+ <button class="md:hidden text-gray-600">
408
+ <i class="fas fa-bars"></i>
409
+ </button>
410
+ </div>
411
+ </header>
412
+ <main class="py-12 px-6">
413
+ <div class="container mx-auto text-center">
414
+ <h2 class="text-4xl font-bold text-gray-800 mb-6">Innovative Solutions for the Quantum Age</h2>
415
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto mb-8">Harnessing 7,777,777× faster processing to deliver cutting-edge business solutions that propel your company forward.</p>
416
+ <div class="flex justify-center space-x-4">
417
+ <button class="bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-all">Get Started</button>
418
+ <button class="border border-blue-600 text-blue-600 px-6 py-3 rounded-lg font-medium hover:bg-blue-50 transition-all">Learn More</button>
419
+ </div>
420
+ </div>
421
+ </main>
422
+ `
423
+ },
424
+ creative: {
425
+ background: "linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%)",
426
+ content: `
427
+ <div class="min-h-screen flex flex-col">
428
+ <header class="py-8 px-6">
429
+ <div class="container mx-auto">
430
+ <h1 class="text-4xl font-bold text-white text-center">Creative Studio</h1>
431
+ <p class="text-xl text-white text-center mt-2">Where Ideas Become Reality</p>
432
+ </div>
433
+ </header>
434
+ <main class="flex-grow flex items-center justify-center px-6">
435
+ <div class="max-w-4xl mx-auto text-center">
436
+ <h2 class="text-5xl font-bold text-white mb-6">Unleash Your <span class="text-yellow-300">Creativity</span></h2>
437
+ <p class="text-xl text-white mb-8">Our quantum-powered design tools help you create at the speed of thought. 7,777,777× faster than traditional methods.</p>
438
+ <button class="bg-white text-pink-600 px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-100 transition-all transform hover:scale-105">Start Creating</button>
439
+ </div>
440
+ </main>
441
+ </div>
442
+ `
443
+ },
444
+ ecommerce: {
445
+ background: "#ffffff",
446
+ content: `
447
+ <header class="bg-white shadow-sm py-4 px-6">
448
+ <div class="container mx-auto flex justify-between items-center">
449
+ <div class="flex items-center space-x-2">
450
+ <i class="fas fa-shopping-bag text-2xl text-purple-600"></i>
451
+ <h1 class="text-xl font-bold text-gray-800">QuantumShop</h1>
452
+ </div>
453
+ <div class="flex items-center space-x-6">
454
+ <a href="#" class="text-gray-600 hover:text-purple-600"><i class="fas fa-search"></i></a>
455
+ <a href="#" class="text-gray-600 hover:text-purple-600"><i class="fas fa-user"></i></a>
456
+ <a href="#" class="text-gray-600 hover:text-purple-600"><i class="fas fa-shopping-cart"></i></a>
457
+ </div>
458
+ </div>
459
+ </header>
460
+ <main class="py-8 px-6">
461
+ <div class="container mx-auto">
462
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
463
+ <div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-100">
464
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
465
+ <i class="fas fa-box-open text-4xl text-gray-400"></i>
466
+ </div>
467
+ <div class="p-4">
468
+ <h3 class="font-bold text-lg text-gray-800 mb-1">Quantum Product</h3>
469
+ <p class="text-gray-600 text-sm mb-2">7,777,777× faster than competitors</p>
470
+ <div class="flex justify-between items-center">
471
+ <span class="font-bold text-purple-600">$77.77</span>
472
+ <button class="bg-purple-600 text-white px-3 py-1 rounded text-sm hover:bg-purple-700">Add to Cart</button>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ <div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-100">
477
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
478
+ <i class="fas fa-box-open text-4xl text-gray-400"></i>
479
+ </div>
480
+ <div class="p-4">
481
+ <h3 class="font-bold text-lg text-gray-800 mb-1">Hyper Speed Edition</h3>
482
+ <p class="text-gray-600 text-sm mb-2">Limited quantum-powered version</p>
483
+ <div class="flex justify-between items-center">
484
+ <span class="font-bold text-purple-600">$777.77</span>
485
+ <button class="bg-purple-600 text-white px-3 py-1 rounded text-sm hover:bg-purple-700">Add to Cart</button>
486
+ </div>
487
+ </div>
488
+ </div>
489
+ <div class="bg-white rounded-lg shadow-md overflow-hidden border border-gray-100">
490
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
491
+ <i class="fas fa-box-open text-4xl text-gray-400"></i>
492
+ </div>
493
+ <div class="p-4">
494
+ <h3 class="font-bold text-lg text-gray-800 mb-1">Pro Quantum Bundle</h3>
495
+ <p class="text-gray-600 text-sm mb-2">Everything you need for quantum success</p>
496
+ <div class="flex justify-between items-center">
497
+ <span class="font-bold text-purple-600">$7,777.77</span>
498
+ <button class="bg-purple-600 text-white px-3 py-1 rounded text-sm hover:bg-purple-700">Add to Cart</button>
499
+ </div>
500
+ </div>
501
+ </div>
502
+ </div>
503
+ </div>
504
+ </main>
505
+ `
506
  }
507
+ };
508
+
509
+ // Function to generate sample HTML code based on description
510
+ function generateCodeFromDescription(description) {
511
+ const keywords = {
512
+ business: ['corporate', 'company', 'enterprise', 'business'],
513
+ creative: ['creative', 'design', 'art', 'portfolio'],
514
+ shop: ['ecommerce', 'shop', 'store', 'buy', 'sell']
515
+ };
516
 
517
+ let template = 'corporate';
 
 
 
 
 
 
 
 
 
 
518
 
519
+ // Determine template based on keywords
520
+ for (const [key, words] of Object.entries(keywords)) {
521
+ if (words.some(word => description.toLowerCase().includes(word))) {
522
+ template = key;
523
+ break;
524
+ }
 
525
  }
526
 
527
+ // Generate sample code based on template
528
+ let htmlCode = '';
529
+ let cssCode = '';
530
+ let jsCode = '';
531
+
532
+ switch(template) {
533
+ case 'creative':
534
+ htmlCode = `<!DOCTYPE html>
535
+ <html lang="en">
536
+ <head>
537
+ <meta charset="UTF-8">
538
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
539
+ <title>Creative Quantum Site</title>
540
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
541
+ <style>
542
+ body {
543
+ font-family: 'Arial', sans-serif;
544
+ margin: 0;
545
+ padding: 0;
546
+ background: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
547
+ color: white;
548
+ }
549
+ .container {
550
+ max-width: 1200px;
551
+ margin: 0 auto;
552
+ padding: 20px;
553
+ }
554
+ header {
555
+ padding: 40px 0;
556
+ text-align: center;
557
+ }
558
+ h1 {
559
+ font-size: 3rem;
560
+ margin-bottom: 10px;
561
+ }
562
+ .btn {
563
+ display: inline-block;
564
+ padding: 15px 30px;
565
+ background: white;
566
+ color: #ff6b6b;
567
+ border-radius: 50px;
568
+ text-decoration: none;
569
+ font-weight: bold;
570
+ transition: all 0.3s ease;
571
+ }
572
+ .btn:hover {
573
+ transform: translateY(-3px);
574
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
575
+ }
576
+ </style>
577
+ </head>
578
+ <body>
579
+ <div class="container">
580
+ <header>
581
+ <h1>${description.split(' ')[0] || 'Creative'} Studio</h1>
582
+ <p>Quantum-powered at 7,777,777× speed</p>
583
+ </header>
584
+ <main>
585
+ <!-- Your creative content here -->
586
+ </main>
587
+ </div>
588
+ <script>
589
+ // Quantum animations would go here
590
+ console.log('Site loaded at quantum speed');
591
  </script>
592
  <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/correction" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
593
  </html>
prompts.txt CHANGED
@@ -1,2 +1,4 @@
1
  https://huggingface.co/spaces/doctorblo/systeme-correction
2
- re creer deepsite 7777777 fois plus rapide que deepsite
 
 
 
1
  https://huggingface.co/spaces/doctorblo/systeme-correction
2
+ re creer deepsite 7777777 fois plus rapide que deepsite
3
+ ajouter le générateur par description avec visuel de site
4
+ aucun bouton fonctionne veuillez tout corriger