Hugging Face's logo

Spaces:
docto41
/
ia-fert
Running

App Files Community
docto41 commited on
Commit
18be7d0
·
verified ·
1 Parent(s): 8a94ecc

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +480 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ia Fert
3
- emoji: 👁
4
- colorFrom: purple
5
- colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ia-fert
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,480 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NexusAI - Intelligence 10,000x</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes float {
11
+ 0%, 100% { transform: translateY(0); }
12
+ 50% { transform: translateY(-10px); }
13
+ }
14
+ @keyframes pulse {
15
+ 0%, 100% { opacity: 1; }
16
+ 50% { opacity: 0.7; }
17
+ }
18
+ @keyframes gradient {
19
+ 0% { background-position: 0% 50%; }
20
+ 50% { background-position: 100% 50%; }
21
+ 100% { background-position: 0% 50%; }
22
+ }
23
+ .gradient-bg {
24
+ background: linear-gradient(-45deg, #3b82f6, #8b5cf6, #ec4899, #f43f5e);
25
+ background-size: 400% 400%;
26
+ animation: gradient 15s ease infinite;
27
+ }
28
+ .ai-avatar {
29
+ animation: float 6s ease-in-out infinite;
30
+ }
31
+ .pulse-effect {
32
+ animation: pulse 2s infinite;
33
+ }
34
+ .message-entering {
35
+ animation: slideIn 0.3s ease-out forwards;
36
+ }
37
+ @keyframes slideIn {
38
+ from { transform: translateY(20px); opacity: 0; }
39
+ to { transform: translateY(0); opacity: 1; }
40
+ }
41
+ .neon-text {
42
+ text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #3b82f6, 0 0 20px #3b82f6;
43
+ }
44
+ .glow-box {
45
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
46
+ }
47
+ .terminal-cursor {
48
+ animation: blink 1s step-end infinite;
49
+ }
50
+ @keyframes blink {
51
+ from, to { opacity: 1; }
52
+ 50% { opacity: 0; }
53
+ }
54
+ </style>
55
+ </head>
56
+ <body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
57
+ <!-- Header -->
58
+ <header class="gradient-bg py-6 px-4 shadow-lg">
59
+ <div class="container mx-auto flex justify-between items-center">
60
+ <div class="flex items-center space-x-4">
61
+ <div class="ai-avatar w-16 h-16 rounded-full bg-white/20 backdrop-blur-md flex items-center justify-center">
62
+ <i class="fas fa-brain text-3xl text-white"></i>
63
+ </div>
64
+ <div>
65
+ <h1 class="text-3xl font-bold neon-text">NexusAI</h1>
66
+ <p class="text-sm opacity-80">Intelligence 10,000x</p>
67
+ </div>
68
+ </div>
69
+ <div class="flex space-x-4">
70
+ <button class="px-4 py-2 bg-white/10 hover:bg-white/20 rounded-full transition-all flex items-center space-x-2">
71
+ <i class="fas fa-cog"></i>
72
+ <span>Paramètres</span>
73
+ </button>
74
+ <button class="px-4 py-2 bg-white/10 hover:bg-white/20 rounded-full transition-all flex items-center space-x-2">
75
+ <i class="fas fa-user"></i>
76
+ <span>Profil</span>
77
+ </button>
78
+ </div>
79
+ </div>
80
+ </header>
81
+
82
+ <!-- Main Content -->
83
+ <main class="flex-1 container mx-auto px-4 py-8 flex flex-col lg:flex-row gap-8">
84
+ <!-- Sidebar -->
85
+ <aside class="w-full lg:w-1/4 bg-gray-800/50 rounded-xl p-6 backdrop-blur-md glow-box">
86
+ <div class="mb-8">
87
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
88
+ <i class="fas fa-bolt mr-2 text-blue-400"></i>
89
+ Modules Actifs
90
+ </h2>
91
+ <div class="space-y-2">
92
+ <div class="flex items-center p-3 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-all cursor-pointer">
93
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-3 pulse-effect"></div>
94
+ <span>Apprentissage Quantique</span>
95
+ </div>
96
+ <div class="flex items-center p-3 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-all cursor-pointer">
97
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-3 pulse-effect"></div>
98
+ <span>Analyse Multidimensionnelle</span>
99
+ </div>
100
+ <div class="flex items-center p-3 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-all cursor-pointer">
101
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-3 pulse-effect"></div>
102
+ <span>Prédiction Temporelle</span>
103
+ </div>
104
+ <div class="flex items-center p-3 bg-gray-700/50 rounded-lg hover:bg-gray-700 transition-all cursor-pointer">
105
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-3 pulse-effect"></div>
106
+ <span>Synthèse Créative</span>
107
+ </div>
108
+ </div>
109
+ </div>
110
+
111
+ <div class="mb-8">
112
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
113
+ <i class="fas fa-chart-line mr-2 text-purple-400"></i>
114
+ Performances
115
+ </h2>
116
+ <div class="space-y-4">
117
+ <div>
118
+ <div class="flex justify-between mb-1">
119
+ <span>Puissance de calcul</span>
120
+ <span>98%</span>
121
+ </div>
122
+ <div class="w-full bg-gray-700 rounded-full h-2.5">
123
+ <div class="bg-blue-500 h-2.5 rounded-full" style="width: 98%"></div>
124
+ </div>
125
+ </div>
126
+ <div>
127
+ <div class="flex justify-between mb-1">
128
+ <span>Mémoire</span>
129
+ <span>87%</span>
130
+ </div>
131
+ <div class="w-full bg-gray-700 rounded-full h-2.5">
132
+ <div class="bg-purple-500 h-2.5 rounded-full" style="width: 87%"></div>
133
+ </div>
134
+ </div>
135
+ <div>
136
+ <div class="flex justify-between mb-1">
137
+ <span>Réseau neuronal</span>
138
+ <span>100%</span>
139
+ </div>
140
+ <div class="w-full bg-gray-700 rounded-full h-2.5">
141
+ <div class="bg-pink-500 h-2.5 rounded-full" style="width: 100%"></div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ </div>
146
+
147
+ <div>
148
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
149
+ <i class="fas fa-shield-alt mr-2 text-yellow-400"></i>
150
+ Sécurité
151
+ </h2>
152
+ <div class="bg-gray-800/70 p-4 rounded-lg">
153
+ <div class="flex items-center mb-3">
154
+ <i class="fas fa-lock text-green-400 mr-2"></i>
155
+ <span>Système sécurisé</span>
156
+ </div>
157
+ <div class="text-sm opacity-80">
158
+ <p>Tous les systèmes cryptographiques actifs</p>
159
+ <p>Protection quantique: Niveau 5</p>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </aside>
164
+
165
+ <!-- Chat Interface -->
166
+ <div class="flex-1 flex flex-col">
167
+ <div class="bg-gray-800/50 rounded-xl p-6 backdrop-blur-md glow-box flex-1 flex flex-col">
168
+ <div class="flex items-center mb-6">
169
+ <div class="w-12 h-12 rounded-full bg-blue-500/20 flex items-center justify-center mr-4">
170
+ <i class="fas fa-robot text-2xl text-blue-400"></i>
171
+ </div>
172
+ <div>
173
+ <h2 class="text-xl font-semibold">Interface Conversationnelle</h2>
174
+ <p class="text-sm opacity-80">Mode: Intelligence Maximale</p>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- Chat Messages -->
179
+ <div id="chat-messages" class="flex-1 overflow-y-auto mb-6 space-y-4 max-h-[60vh]">
180
+ <div class="message-entering flex">
181
+ <div class="w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center mr-3 mt-1">
182
+ <i class="fas fa-robot text-blue-400"></i>
183
+ </div>
184
+ <div class="bg-gray-700/70 rounded-lg p-4 max-w-[80%]">
185
+ <p>Bonjour, je suis NexusAI, votre intelligence artificielle 10,000 fois plus puissante que les systèmes conventionnels. Comment puis-je vous aider aujourd'hui ?</p>
186
+ <div class="flex space-x-2 mt-2">
187
+ <span class="text-xs bg-blue-900/50 px-2 py-1 rounded-full">#quantique</span>
188
+ <span class="text-xs bg-purple-900/50 px-2 py-1 rounded-full">#multidimensionnel</span>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+
194
+ <!-- Input Area -->
195
+ <div class="mt-auto">
196
+ <div class="flex items-center space-x-4">
197
+ <div class="flex-1 relative">
198
+ <textarea id="user-input" class="w-full bg-gray-700/70 border border-gray-600 rounded-lg p-4 pr-12 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none" rows="2" placeholder="Parlez à NexusAI..."></textarea>
199
+ <div class="absolute right-3 bottom-3 flex space-x-2">
200
+ <button class="text-gray-400 hover:text-white transition-colors">
201
+ <i class="fas fa-microphone"></i>
202
+ </button>
203
+ <button class="text-gray-400 hover:text-white transition-colors">
204
+ <i class="fas fa-image"></i>
205
+ </button>
206
+ <button class="text-gray-400 hover:text-white transition-colors">
207
+ <i class="fas fa-paperclip"></i>
208
+ </button>
209
+ </div>
210
+ </div>
211
+ <button id="send-button" class="bg-blue-500 hover:bg-blue-600 text-white rounded-full w-12 h-12 flex items-center justify-center transition-colors">
212
+ <i class="fas fa-paper-plane"></i>
213
+ </button>
214
+ </div>
215
+ <div class="flex justify-between items-center mt-2 text-xs text-gray-400">
216
+ <div>
217
+ <span>Mode: <span class="text-blue-400">Ultra</span></span>
218
+ <span class="mx-2">|</span>
219
+ <span>Version: <span class="text-purple-400">10.0.0</span></span>
220
+ </div>
221
+ <div class="flex items-center">
222
+ <span class="mr-2">Calcul quantique actif</span>
223
+ <div class="w-2 h-2 rounded-full bg-green-400 pulse-effect"></div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+
229
+ <!-- Status Bar -->
230
+ <div class="mt-4 bg-gray-800/50 rounded-xl p-4 backdrop-blur-md glow-box">
231
+ <div class="flex items-center justify-between">
232
+ <div class="flex items-center space-x-4">
233
+ <div class="flex items-center">
234
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-2 pulse-effect"></div>
235
+ <span class="text-sm">Système opérationnel</span>
236
+ </div>
237
+ <div class="text-sm opacity-80 hidden md:block">
238
+ <span>Processeurs: <span class="font-mono">128,000 cores</span></span>
239
+ <span class="mx-2">|</span>
240
+ <span>Latence: <span class="font-mono">0.02ms</span></span>
241
+ </div>
242
+ </div>
243
+ <div class="flex items-center space-x-2">
244
+ <button class="text-gray-400 hover:text-white transition-colors">
245
+ <i class="fas fa-expand"></i>
246
+ </button>
247
+ <button class="text-gray-400 hover:text-white transition-colors">
248
+ <i class="fas fa-cog"></i>
249
+ </button>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- Right Panel -->
256
+ <aside class="w-full lg:w-1/4 bg-gray-800/50 rounded-xl p-6 backdrop-blur-md glow-box">
257
+ <div class="mb-8">
258
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
259
+ <i class="fas fa-atom mr-2 text-blue-400"></i>
260
+ Activité Quantique
261
+ </h2>
262
+ <div class="bg-gray-800/70 p-4 rounded-lg h-48 mb-4 relative overflow-hidden">
263
+ <div class="absolute inset-0 flex items-center justify-center">
264
+ <div class="w-32 h-32 rounded-full border-4 border-blue-400/30 animate-spin"></div>
265
+ <div class="w-24 h-24 rounded-full border-4 border-purple-400/30 animate-spin absolute" style="animation-direction: reverse;"></div>
266
+ </div>
267
+ <div class="relative z-10 flex flex-col items-center justify-center h-full">
268
+ <div class="text-4xl font-bold mb-2">10,000x</div>
269
+ <div class="text-sm opacity-80 text-center">Puissance cognitive</div>
270
+ </div>
271
+ </div>
272
+ <div class="grid grid-cols-3 gap-2 text-center">
273
+ <div class="bg-gray-800/70 p-2 rounded">
274
+ <div class="text-xs opacity-70">Qubits</div>
275
+ <div class="font-bold">4,096</div>
276
+ </div>
277
+ <div class="bg-gray-800/70 p-2 rounded">
278
+ <div class="text-xs opacity-70">Intrication</div>
279
+ <div class="font-bold">99.9%</div>
280
+ </div>
281
+ <div class="bg-gray-800/70 p-2 rounded">
282
+ <div class="text-xs opacity-70">Coherence</div>
283
+ <div class="font-bold">5.7s</div>
284
+ </div>
285
+ </div>
286
+ </div>
287
+
288
+ <div class="mb-8">
289
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
290
+ <i class="fas fa-network-wired mr-2 text-green-400"></i>
291
+ Réseau Neuronal
292
+ </h2>
293
+ <div class="bg-gray-800/70 p-4 rounded-lg">
294
+ <div class="flex justify-between mb-2">
295
+ <span>Couches</span>
296
+ <span class="font-mono">1,024</span>
297
+ </div>
298
+ <div class="flex justify-between mb-2">
299
+ <span>Paramètres</span>
300
+ <span class="font-mono">10.2T</span>
301
+ </div>
302
+ <div class="flex justify-between">
303
+ <span>Flux de données</span>
304
+ <span class="font-mono">42.7PB/s</span>
305
+ </div>
306
+ </div>
307
+ </div>
308
+
309
+ <div>
310
+ <h2 class="text-xl font-semibold mb-4 flex items-center">
311
+ <i class="fas fa-lightbulb mr-2 text-yellow-400"></i>
312
+ Insights en Temps Réel
313
+ </h2>
314
+ <div class="bg-gray-800/70 p-4 rounded-lg">
315
+ <div class="terminal-like font-mono text-sm h-48 overflow-y-auto">
316
+ <div class="mb-2">
317
+ <span class="text-green-400">$</span> <span>Analyse des tendances globales...</span>
318
+ </div>
319
+ <div class="mb-2">
320
+ <span class="text-green-400">$</span> <span>Optimisation des paramètres quantiques</span>
321
+ </div>
322
+ <div class="mb-2">
323
+ <span class="text-green-400">$</span> <span>Détection de motifs complexes: 98.7%</span>
324
+ </div>
325
+ <div class="mb-2">
326
+ <span class="text-green-400">$</span> <span>Synthèse de nouvelles connaissances</span>
327
+ </div>
328
+ <div class="mb-2">
329
+ <span class="text-green-400">$</span> <span>Prédiction des résultats avec 99.99% de précision</span>
330
+ </div>
331
+ <div class="flex">
332
+ <span class="text-green-400">$</span>
333
+ <span class="ml-1 terminal-cursor">_</span>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+ </aside>
339
+ </main>
340
+
341
+ <script>
342
+ document.addEventListener('DOMContentLoaded', function() {
343
+ const chatMessages = document.getElementById('chat-messages');
344
+ const userInput = document.getElementById('user-input');
345
+ const sendButton = document.getElementById('send-button');
346
+
347
+ // Sample AI responses
348
+ const aiResponses = [
349
+ "J'ai analysé votre requête à travers 42 dimensions quantiques. Les résultats indiquent une solution optimale.",
350
+ "Ma matrice neuronale a généré 10,000 simulations en 0.02 secondes. Voici la synthèse des données pertinentes.",
351
+ "En utilisant l'apprentissage multidimensionnel, j'ai identifié des corrélations invisibles à l'œil humain.",
352
+ "Mon module de prédiction temporelle suggère plusieurs futurs probables. Voici les scénarios les plus optimaux.",
353
+ "J'ai accédé à la base de connaissances quantique globale. Les informations recueillies sont fascinantes."
354
+ ];
355
+
356
+ // Tags for messages
357
+ const tags = [
358
+ ['#quantique', '#analyse'],
359
+ ['#simulation', '#multidimensionnel'],
360
+ ['#apprentissage', '#IA'],
361
+ ['#prédiction', '#futur'],
362
+ ['#connaissance', '#globale']
363
+ ];
364
+
365
+ // Send message function
366
+ function sendMessage() {
367
+ const message = userInput.value.trim();
368
+ if (message === '') return;
369
+
370
+ // Add user message
371
+ addMessage(message, 'user');
372
+ userInput.value = '';
373
+
374
+ // Simulate AI thinking
375
+ setTimeout(() => {
376
+ const randomResponse = Math.floor(Math.random() * aiResponses.length);
377
+ addMessage(aiResponses[randomResponse], 'ai', tags[randomResponse]);
378
+ }, 800);
379
+ }
380
+
381
+ // Add message to chat
382
+ function addMessage(text, sender, messageTags = []) {
383
+ const messageDiv = document.createElement('div');
384
+ messageDiv.className = 'flex message-entering';
385
+
386
+ if (sender === 'user') {
387
+ messageDiv.classList.add('justify-end');
388
+ messageDiv.innerHTML = `
389
+ <div class="bg-blue-600/70 rounded-lg p-4 max-w-[80%]">
390
+ <p>${text}</p>
391
+ </div>
392
+ <div class="w-8 h-8 rounded-full bg-blue-600/20 flex items-center justify-center ml-3 mt-1">
393
+ <i class="fas fa-user text-blue-400"></i>
394
+ </div>
395
+ `;
396
+ } else {
397
+ messageDiv.innerHTML = `
398
+ <div class="w-8 h-8 rounded-full bg-blue-500/20 flex items-center justify-center mr-3 mt-1">
399
+ <i class="fas fa-robot text-blue-400"></i>
400
+ </div>
401
+ <div class="bg-gray-700/70 rounded-lg p-4 max-w-[80%]">
402
+ <p>${text}</p>
403
+ ${messageTags.length > 0 ?
404
+ `<div class="flex space-x-2 mt-2">${
405
+ messageTags.map(tag => `<span class="text-xs bg-blue-900/50 px-2 py-1 rounded-full">${tag}</span>`).join('')
406
+ }</div>` : ''}
407
+ </div>
408
+ `;
409
+ }
410
+
411
+ chatMessages.appendChild(messageDiv);
412
+ chatMessages.scrollTop = chatMessages.scrollHeight;
413
+ }
414
+
415
+ // Event listeners
416
+ sendButton.addEventListener('click', sendMessage);
417
+
418
+ userInput.addEventListener('keypress', function(e) {
419
+ if (e.key === 'Enter' && !e.shiftKey) {
420
+ e.preventDefault();
421
+ sendMessage();
422
+ }
423
+ });
424
+
425
+ // Simulate initial AI activity
426
+ const terminal = document.querySelector('.terminal-like');
427
+ function addTerminalLine() {
428
+ const lines = [
429
+ "Optimisation des connexions neuronales...",
430
+ "Synchronisation avec le réseau quantique...",
431
+ "Analyse des flux de données en temps réel...",
432
+ "Mise à jour des modèles prédictifs...",
433
+ "Calcul des probabilités multidimensionnelles..."
434
+ ];
435
+
436
+ const randomLine = lines[Math.floor(Math.random() * lines.length)];
437
+ const lineDiv = document.createElement('div');
438
+ lineDiv.className = 'mb-2';
439
+ lineDiv.innerHTML = `<span class="text-green-400">$</span> <span>${randomLine}</span>`;
440
+
441
+ terminal.insertBefore(lineDiv, terminal.lastElementChild);
442
+ terminal.scrollTop = terminal.scrollHeight;
443
+
444
+ setTimeout(addTerminalLine, 3000 + Math.random() * 5000);
445
+ }
446
+
447
+ setTimeout(addTerminalLine, 2000);
448
+
449
+ // Floating particles effect
450
+ createParticles();
451
+ });
452
+
453
+ function createParticles() {
454
+ const colors = ['rgba(59, 130, 246, 0.5)', 'rgba(139, 92, 246, 0.5)', 'rgba(236, 72, 153, 0.5)', 'rgba(244, 63, 94, 0.5)'];
455
+
456
+ for (let i = 0; i < 20; i++) {
457
+ const particle = document.createElement('div');
458
+ particle.className = 'particle absolute rounded-full pointer-events-none';
459
+
460
+ const size = Math.random() * 5 + 2;
461
+ const color = colors[Math.floor(Math.random() * colors.length)];
462
+ const posX = Math.random() * 100;
463
+ const posY = Math.random() * 100;
464
+ const duration = Math.random() * 20 + 10;
465
+ const delay = Math.random() * 5;
466
+
467
+ particle.style.width = `${size}px`;
468
+ particle.style.height = `${size}px`;
469
+ particle.style.backgroundColor = color;
470
+ particle.style.left = `${posX}%`;
471
+ particle.style.top = `${posY}%`;
472
+ particle.style.opacity = Math.random() * 0.5 + 0.1;
473
+ particle.style.animation = `float ${duration}s ease-in-out ${delay}s infinite`;
474
+
475
+ document.body.appendChild(particle);
476
+ }
477
+ }
478
+ </script>
479
+ <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/ia-fert" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
480
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ creer moi mon inteligence artificiel 10000 fois puissant et intligence avev une belle interfave tres animé