Hugging Face's logo

Spaces:
docto41
/
hyperspeed
Running

App Files Community
docto41 commited on
Commit
4460726
·
verified ·
1 Parent(s): cef7633

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +80 -24
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>MegaSite AI - Créateur Professionnel de Sites Web</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>
@@ -31,6 +31,7 @@
31
  .preview-window {
32
  border: 2px solid rgba(0, 180, 255, 0.5);
33
  box-shadow: 0 0 30px rgba(0, 150, 255, 0.2);
 
34
  }
35
  .ai-assistant-bubble {
36
  background: rgba(0, 100, 200, 0.7);
@@ -65,6 +66,17 @@
65
  linear-gradient(90deg, rgba(0, 120, 255, 0.1) 1px, transparent 1px);
66
  background-size: 20px 20px;
67
  }
 
 
 
 
 
 
 
 
 
 
 
68
  </style>
69
  </head>
70
  <body class="ai-gradient text-gray-100 min-h-screen">
@@ -77,14 +89,14 @@
77
  <i class="fas fa-robot text-2xl text-cyan-300"></i>
78
  </div>
79
  <h1 class="text-xl font-bold">
80
- <span class="text-cyan-300">Mega</span>Site AI
81
  </h1>
82
  </div>
83
 
84
  <div class="mb-6">
85
  <h3 class="text-sm uppercase text-blue-300 mb-3">Projets</h3>
86
  <div class="space-y-2">
87
- <button class="w-full text-left px-4 py-3 bg-blue-900 rounded-lg flex items-center">
88
  <i class="fas fa-project-diagram text-cyan-300 mr-3"></i> Nouveau Projet
89
  </button>
90
  <button class="w-full text-left px-4 py-3 hover:bg-blue-900 rounded-lg flex items-center">
@@ -138,7 +150,7 @@
138
  </div>
139
  <div class="flex justify-between text-xs mb-1">
140
  <span>Lignes de Code</span>
141
- <span>1,250+</span>
142
  </div>
143
  <div class="text-xs mb-1">Composants: 28/50</div>
144
  <div class="text-xs">API Intégrées: 12</div>
@@ -153,7 +165,7 @@
153
  </div>
154
  <span class="text-sm">Mode: Expert Professionnel</span>
155
  </div>
156
- <button class="w-full mt-3 py-2 bg-cyan-600 hover:bg-cyan-700 rounded-lg text-sm">
157
  <i class="fas fa-rocket mr-2"></i> Optimiser le Site
158
  </button>
159
  </div>
@@ -165,23 +177,21 @@
165
  <div class="flex items-center">
166
  <i class="fas fa-file-code text-blue-300 mr-2"></i>
167
  <h3 class="font-medium">index.html</h3>
168
- <span class="ml-2 text-xs text-blue-300">1,250 lignes</span>
169
  </div>
170
  <div class="flex space-x-2">
171
- <button class="px-3 py-1 bg-blue-900 rounded text-sm">
172
  <i class="fas fa-eye mr-1"></i> Prévisualiser
173
  </button>
174
- <button class="px-3 py-1 bg-cyan-600 rounded text-sm">
175
  <i class="fas fa-bolt mr-1"></i> Exécuter
176
  </button>
177
  </div>
178
  </div>
179
 
180
  <div class="code-editor flex-1 rounded-lg overflow-hidden relative">
181
- <div class="absolute top-0 left-0 p-2 text-xs text-blue-300">
182
- <span>1</span><br><span>2</span><br><span>3</span><br><span>4</span><br><span>5</span><br><span>6</span><br><span>7</span><br><span>8</span><br><span>9</span><br><span>10</span>
183
- </div>
184
- <textarea class="w-full h-full p-4 pl-10 bg-transparent outline-none resize-none" spellcheck="false">
185
  <!DOCTYPE html>
186
  <html lang="fr">
187
  <head>
@@ -191,23 +201,39 @@
191
  <link href="https://cdn.tailwindcss.com" rel="stylesheet">
192
  <!-- Intégration AI MegaSite -->
193
  <script src="/js/megasite-ai.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
194
  </head>
195
  <body class="bg-gray-900 text-white">
196
  <!-- Navigation AI -->
197
- <nav class="megasite-nav">
198
- <div class="container mx-auto px-6 py-4">
199
  <div class="flex items-center justify-between">
200
  <div class="text-2xl font-bold">
201
  <span class="text-cyan-400">Enterprise</span>Pro
202
  </div>
203
  <div class="hidden md:flex space-x-8">
204
- <a href="#" class="hover:text-cyan-300">Accueil</a>
205
- <a href="#" class="hover:text-cyan-300">Services</a>
206
- <a href="#" class="hover:text-cyan-300">Solutions</a>
207
- <a href="#" class="hover:text-cyan-300">Clients</a>
208
- <a href="#" class="hover:text-cyan-300">Contact</a>
209
  </div>
210
- <button class="md:hidden">
211
  <i class="fas fa-bars"></i>
212
  </button>
213
  </div>
@@ -215,7 +241,7 @@
215
  </nav>
216
 
217
  <!-- Hero Section -->
218
- <section class="megasite-hero">
219
  <div class="container mx-auto px-6 py-20 text-center">
220
  <h1 class="text-4xl md:text-6xl font-bold mb-6">
221
  Solutions <span class="text-cyan-400">Professionnelles</span> pour Enterprise
@@ -224,16 +250,46 @@
224
  Notre plateforme AI crée des sites web enterprise avec plus de 1000 lignes de code optimisé.
225
  </p>
226
  <div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6">
227
- <button class="px-8 py-4 bg-cyan-600 hover:bg-cyan-700 rounded-lg font-bold">
228
  Démarrer un Projet
229
  </button>
230
- <button class="px-8 py-4 border border-cyan-400 text-cyan-400 hover:bg-cyan-900 rounded-lg font-bold">
231
  Voir les Solutions
232
  </button>
233
  </div>
234
  </div>
235
  </section>
236
 
237
- <!-- Plus de code... -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
238
  <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/hyperspeed" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
239
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>MegaSite AI Pro - Créateur Professionnel de Sites Web</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>
 
31
  .preview-window {
32
  border: 2px solid rgba(0, 180, 255, 0.5);
33
  box-shadow: 0 0 30px rgba(0, 150, 255, 0.2);
34
+ display: none;
35
  }
36
  .ai-assistant-bubble {
37
  background: rgba(0, 100, 200, 0.7);
 
66
  linear-gradient(90deg, rgba(0, 120, 255, 0.1) 1px, transparent 1px);
67
  background-size: 20px 20px;
68
  }
69
+ #codeLines {
70
+ position: absolute;
71
+ top: 0;
72
+ left: 0;
73
+ padding: 1rem;
74
+ text-align: right;
75
+ color: rgba(179, 224, 255, 0.5);
76
+ font-family: 'Courier New', monospace;
77
+ pointer-events: none;
78
+ user-select: none;
79
+ }
80
  </style>
81
  </head>
82
  <body class="ai-gradient text-gray-100 min-h-screen">
 
89
  <i class="fas fa-robot text-2xl text-cyan-300"></i>
90
  </div>
91
  <h1 class="text-xl font-bold">
92
+ <span class="text-cyan-300">Mega</span>Site AI Pro
93
  </h1>
94
  </div>
95
 
96
  <div class="mb-6">
97
  <h3 class="text-sm uppercase text-blue-300 mb-3">Projets</h3>
98
  <div class="space-y-2">
99
+ <button id="newProject" class="w-full text-left px-4 py-3 bg-blue-900 rounded-lg flex items-center">
100
  <i class="fas fa-project-diagram text-cyan-300 mr-3"></i> Nouveau Projet
101
  </button>
102
  <button class="w-full text-left px-4 py-3 hover:bg-blue-900 rounded-lg flex items-center">
 
150
  </div>
151
  <div class="flex justify-between text-xs mb-1">
152
  <span>Lignes de Code</span>
153
+ <span id="lineCount">1,250+</span>
154
  </div>
155
  <div class="text-xs mb-1">Composants: 28/50</div>
156
  <div class="text-xs">API Intégrées: 12</div>
 
165
  </div>
166
  <span class="text-sm">Mode: Expert Professionnel</span>
167
  </div>
168
+ <button id="optimizeBtn" class="w-full mt-3 py-2 bg-cyan-600 hover:bg-cyan-700 rounded-lg text-sm">
169
  <i class="fas fa-rocket mr-2"></i> Optimiser le Site
170
  </button>
171
  </div>
 
177
  <div class="flex items-center">
178
  <i class="fas fa-file-code text-blue-300 mr-2"></i>
179
  <h3 class="font-medium">index.html</h3>
180
+ <span id="liveLineCount" class="ml-2 text-xs text-blue-300">1,250 lignes</span>
181
  </div>
182
  <div class="flex space-x-2">
183
+ <button id="previewBtn" class="px-3 py-1 bg-blue-900 hover:bg-blue-800 rounded text-sm">
184
  <i class="fas fa-eye mr-1"></i> Prévisualiser
185
  </button>
186
+ <button id="executeBtn" class="px-3 py-1 bg-cyan-600 hover:bg-cyan-700 rounded text-sm">
187
  <i class="fas fa-bolt mr-1"></i> Exécuter
188
  </button>
189
  </div>
190
  </div>
191
 
192
  <div class="code-editor flex-1 rounded-lg overflow-hidden relative">
193
+ <div id="codeLines"></div>
194
+ <textarea id="codeEditor" class="w-full h-full p-4 pl-16 bg-transparent outline-none resize-none" spellcheck="false">
 
 
195
  <!DOCTYPE html>
196
  <html lang="fr">
197
  <head>
 
201
  <link href="https://cdn.tailwindcss.com" rel="stylesheet">
202
  <!-- Intégration AI MegaSite -->
203
  <script src="/js/megasite-ai.js"></script>
204
+ <style>
205
+ .enterprise-hero {
206
+ background: linear-gradient(135deg, #000428 0%, #004e92 100%);
207
+ min-height: 80vh;
208
+ display: flex;
209
+ align-items: center;
210
+ }
211
+ .enterprise-feature-card {
212
+ transition: all 0.3s ease;
213
+ border: 1px solid rgba(0, 150, 255, 0.2);
214
+ }
215
+ .enterprise-feature-card:hover {
216
+ transform: translateY(-5px);
217
+ box-shadow: 0 10px 20px rgba(0, 150, 255, 0.3);
218
+ }
219
+ </style>
220
  </head>
221
  <body class="bg-gray-900 text-white">
222
  <!-- Navigation AI -->
223
+ <nav class="bg-gray-800 py-4 shadow-lg">
224
+ <div class="container mx-auto px-6">
225
  <div class="flex items-center justify-between">
226
  <div class="text-2xl font-bold">
227
  <span class="text-cyan-400">Enterprise</span>Pro
228
  </div>
229
  <div class="hidden md:flex space-x-8">
230
+ <a href="#" class="hover:text-cyan-300 transition">Accueil</a>
231
+ <a href="#" class="hover:text-cyan-300 transition">Services</a>
232
+ <a href="#" class="hover:text-cyan-300 transition">Solutions</a>
233
+ <a href="#" class="hover:text-cyan-300 transition">Clients</a>
234
+ <a href="#" class="hover:text-cyan-300 transition">Contact</a>
235
  </div>
236
+ <button class="md:hidden text-xl">
237
  <i class="fas fa-bars"></i>
238
  </button>
239
  </div>
 
241
  </nav>
242
 
243
  <!-- Hero Section -->
244
+ <section class="enterprise-hero">
245
  <div class="container mx-auto px-6 py-20 text-center">
246
  <h1 class="text-4xl md:text-6xl font-bold mb-6">
247
  Solutions <span class="text-cyan-400">Professionnelles</span> pour Enterprise
 
250
  Notre plateforme AI crée des sites web enterprise avec plus de 1000 lignes de code optimisé.
251
  </p>
252
  <div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6">
253
+ <button class="px-8 py-4 bg-cyan-600 hover:bg-cyan-700 rounded-lg font-bold transition">
254
  Démarrer un Projet
255
  </button>
256
+ <button class="px-8 py-4 border border-cyan-400 text-cyan-400 hover:bg-cyan-900 rounded-lg font-bold transition">
257
  Voir les Solutions
258
  </button>
259
  </div>
260
  </div>
261
  </section>
262
 
263
+ <!-- Features Section -->
264
+ <section class="py-20 bg-gray-800">
265
+ <div class="container mx-auto px-6">
266
+ <h2 class="text-3xl font-bold text-center mb-16">Nos Solutions Enterprise</h2>
267
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
268
+ <div class="enterprise-feature-card bg-gray-700 p-8 rounded-lg">
269
+ <div class="text-cyan-400 text-4xl mb-4">
270
+ <i class="fas fa-server"></i>
271
+ </div>
272
+ <h3 class="text-xl font-bold mb-3">Infrastructure Cloud</h3>
273
+ <p class="text-gray-300">Solutions cloud évolutives pour entreprises avec haute disponibilité.</p>
274
+ </div>
275
+ <div class="enterprise-feature-card bg-gray-700 p-8 rounded-lg">
276
+ <div class="text-cyan-400 text-4xl mb-4">
277
+ <i class="fas fa-shield-alt"></i>
278
+ </div>
279
+ <h3 class="text-xl font-bold mb-3">Sécurité Avancée</h3>
280
+ <p class="text-gray-300">Protection des données avec chiffrement de niveau militaire.</p>
281
+ </div>
282
+ <div class="enterprise-feature-card bg-gray-700 p-8 rounded-lg">
283
+ <div class="text-cyan-400 text-4xl mb-4">
284
+ <i class="fas fa-brain"></i>
285
+ </div>
286
+ <h3 class="text-xl font-bold mb-3">Intelligence Artificielle</h3>
287
+ <p class="text-gray-300">Intégration d'IA pour automatisation et analyse prédictive.</p>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </section>
292
+
293
+ <!-- Plus de sections... -->
294
  <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/hyperspeed" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
295
  </html>
prompts.txt CHANGED
@@ -15,4 +15,5 @@ ajouter 45566 généérateur de site web sofistiqué
15
  ajoute 4578554 générateur de site web
16
  activer toutes les generateur avec description des site
17
  modifier le site avec que des generateur de site 542154 gnerateur de site changer l'interface aussi
18
- changer d'interface avec une bee interface ,,je veux un site puissant IA avec bocoup assitance IA tres puissant pour CREER DES SITES TRES PUISSANT avec visuel lord de la creation des site , je veux CREER DES SITRES TRES PROFFESIONNEL DE GROS SITE TRES IMPORTANT ET PROFESSIONNEL POUR VENDRE CAPABLES DE CREER DES SITE TRES PUISSANT PLUS DE 1000 LIGNE ????? ATENTION JE VEUX PAS DE SITE VITRINE JE VEUX CREER DES VRAIS SITE
 
 
15
  ajoute 4578554 générateur de site web
16
  activer toutes les generateur avec description des site
17
  modifier le site avec que des generateur de site 542154 gnerateur de site changer l'interface aussi
18
+ changer d'interface avec une bee interface ,,je veux un site puissant IA avec bocoup assitance IA tres puissant pour CREER DES SITES TRES PUISSANT avec visuel lord de la creation des site , je veux CREER DES SITRES TRES PROFFESIONNEL DE GROS SITE TRES IMPORTANT ET PROFESSIONNEL POUR VENDRE CAPABLES DE CREER DES SITE TRES PUISSANT PLUS DE 1000 LIGNE ????? ATENTION JE VEUX PAS DE SITE VITRINE JE VEUX CREER DES VRAIS SITE
19
+ les boutons executer et prevoilisuer ne sont pas cliquable et ne fonctionne pas