Hugging Face's logo

Spaces:
docto41
/
g-nerateur-de-code
Running

App Files Community
docto41 commited on
Commit
88771f9
·
verified ·
1 Parent(s): 8e9b1c4

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +25 -23
  2. prompts.txt +2 -1
index.html CHANGED
@@ -81,6 +81,11 @@
81
  from, to { opacity: 1 }
82
  50% { opacity: 0 }
83
  }
 
 
 
 
 
84
  </style>
85
  </head>
86
  <body class="bg-gray-900 text-gray-100 min-h-screen">
@@ -209,7 +214,7 @@
209
  <div class="space-y-4">
210
  <div>
211
  <label class="block text-sm font-medium mb-1">Type de Code</label>
212
- <select class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:border-blue-500 focus:outline-none">
213
  <option>Site Web Complet</option>
214
  <option>Application Web</option>
215
  <option>API REST</option>
@@ -221,7 +226,7 @@
221
 
222
  <div>
223
  <label class="block text-sm font-medium mb-1">Langage Principal</label>
224
- <select class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:border-blue-500 focus:outline-none">
225
  <option>JavaScript</option>
226
  <option>Python</option>
227
  <option>HTML/CSS</option>
@@ -235,7 +240,7 @@
235
 
236
  <div>
237
  <label class="block text-sm font-medium mb-1">Complexité</label>
238
- <input type="range" min="1" max="10" value="5" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
239
  <div class="flex justify-between text-xs text-gray-400">
240
  <span>Simple</span>
241
  <span>Intermédiaire</span>
@@ -245,10 +250,15 @@
245
 
246
  <div>
247
  <label class="block text-sm font-medium mb-1">Description du Projet</label>
248
- <textarea class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 h-32 focus:border-blue-500 focus:outline-none" placeholder="Décrivez ce que vous voulez générer..."></textarea>
 
 
 
 
 
249
  </div>
250
 
251
- <button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200 flex items-center justify-center">
252
  <i class="fas fa-bolt mr-2"></i> Générer du Code (45,451 Agents)
253
  </button>
254
  </div>
@@ -258,18 +268,18 @@
258
  <div class="lg:col-span-2 bg-gray-800 rounded-lg border border-gray-700 overflow-hidden">
259
  <div class="bg-gray-900 px-4 py-3 border-b border-gray-700 flex space-x-4">
260
  <div class="flex-1 flex overflow-x-auto">
261
- <button class="language-tab active px-4 py-2 text-sm">HTML</button>
262
- <button class="language-tab px-4 py-2 text-sm">CSS</button>
263
- <button class="language-tab px-4 py-2 text-sm">JavaScript</button>
264
- <button class="language-tab px-4 py-2 text-sm">Python</button>
265
- <button class="language-tab px-4 py-2 text-sm">SQL</button>
266
  </div>
267
- <button class="text-gray-400 hover:text-white">
268
  <i class="fas fa-copy"></i>
269
  </button>
270
  </div>
271
 
272
- <div class="code-output p-4 font-mono text-sm">
273
  <div class="code-burst active">
274
  <div class="flex items-start mb-4">
275
  <div class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">1</div>
@@ -684,17 +694,9 @@
684
  document.getElementById('visibleAgents').textContent = '200';
685
  }
686
 
687
- // Simulate code generation
688
- function simulateCodeGeneration() {
689
- const codeBurst = document.querySelector('.code-burst');
690
- codeBurst.classList.add('active');
691
-
692
- setTimeout(() => {
693
- const outputContainer = document.querySelector('.code-output');
694
- const codeExamples = [
695
- {
696
- language: 'HTML',
697
- code: `<!DOCTYPE html>
698
  <html lang="fr">
699
  <head>
700
  <meta charset="UTF-8">
 
81
  from, to { opacity: 1 }
82
  50% { opacity: 0 }
83
  }
84
+ .progress-bar {
85
+ height: 4px;
86
+ background-color: #3b82f6;
87
+ transition: width 0.3s ease;
88
+ }
89
  </style>
90
  </head>
91
  <body class="bg-gray-900 text-gray-100 min-h-screen">
 
214
  <div class="space-y-4">
215
  <div>
216
  <label class="block text-sm font-medium mb-1">Type de Code</label>
217
+ <select id="codeType" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:border-blue-500 focus:outline-none">
218
  <option>Site Web Complet</option>
219
  <option>Application Web</option>
220
  <option>API REST</option>
 
226
 
227
  <div>
228
  <label class="block text-sm font-medium mb-1">Langage Principal</label>
229
+ <select id="mainLanguage" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:border-blue-500 focus:outline-none">
230
  <option>JavaScript</option>
231
  <option>Python</option>
232
  <option>HTML/CSS</option>
 
240
 
241
  <div>
242
  <label class="block text-sm font-medium mb-1">Complexité</label>
243
+ <input id="complexity" type="range" min="1" max="10" value="5" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
244
  <div class="flex justify-between text-xs text-gray-400">
245
  <span>Simple</span>
246
  <span>Intermédiaire</span>
 
250
 
251
  <div>
252
  <label class="block text-sm font-medium mb-1">Description du Projet</label>
253
+ <textarea id="projectDescription" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 h-32 focus:border-blue-500 focus:outline-none" placeholder="Décrivez ce que vous voulez générer..."></textarea>
254
+ </div>
255
+
256
+ <div class="progress-bar-container hidden">
257
+ <div class="progress-bar mb-2" style="width: 0%"></div>
258
+ <p class="text-xs text-gray-400 text-right">Génération en cours...</p>
259
  </div>
260
 
261
+ <button id="generateBtn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200 flex items-center justify-center">
262
  <i class="fas fa-bolt mr-2"></i> Générer du Code (45,451 Agents)
263
  </button>
264
  </div>
 
268
  <div class="lg:col-span-2 bg-gray-800 rounded-lg border border-gray-700 overflow-hidden">
269
  <div class="bg-gray-900 px-4 py-3 border-b border-gray-700 flex space-x-4">
270
  <div class="flex-1 flex overflow-x-auto">
271
+ <button class="language-tab active px-4 py-2 text-sm" data-lang="html">HTML</button>
272
+ <button class="language-tab px-4 py-2 text-sm" data-lang="css">CSS</button>
273
+ <button class="language-tab px-4 py-2 text-sm" data-lang="js">JavaScript</button>
274
+ <button class="language-tab px-4 py-2 text-sm" data-lang="python">Python</button>
275
+ <button class="language-tab px-4 py-2 text-sm" data-lang="sql">SQL</button>
276
  </div>
277
+ <button id="copyBtn" class="text-gray-400 hover:text-white">
278
  <i class="fas fa-copy"></i>
279
  </button>
280
  </div>
281
 
282
+ <div class="code-output p-4 font-mono text-sm" id="codeOutput">
283
  <div class="code-burst active">
284
  <div class="flex items-start mb-4">
285
  <div class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">1</div>
 
694
  document.getElementById('visibleAgents').textContent = '200';
695
  }
696
 
697
+ // Code examples for different languages
698
+ const codeExamples = {
699
+ html: `<!DOCTYPE html>
 
 
 
 
 
 
 
 
700
  <html lang="fr">
701
  <head>
702
  <meta charset="UTF-8">
prompts.txt CHANGED
@@ -3,4 +3,5 @@ ACTIVE TOUT EN AUTOMATIQUE
3
  JE VEUX QUE LES AGENT GENERE EN AUTOMATIQUE ET REEL
4
  generer en automatique
5
  AJOUTER DES AGENT IA GENERATREUR DE CODE
6
- CREER MOI UN SITE DE 45451 AGENT DE GENERATEUR DE SITE. DE CODE .DE SCRYPT
 
 
3
  JE VEUX QUE LES AGENT GENERE EN AUTOMATIQUE ET REEL
4
  generer en automatique
5
  AJOUTER DES AGENT IA GENERATREUR DE CODE
6
+ CREER MOI UN SITE DE 45451 AGENT DE GENERATEUR DE SITE. DE CODE .DE SCRYPT
7
+ le generateur de code ne fonctionne pas activer le genera teur en automatique