Hugging Face's logo

Spaces:
docto41
/
nexuscore
Running

App Files Community
docto41 commited on
Commit
303d753
·
verified ·
1 Parent(s): 1e69d8a

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +781 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Nexuscore
3
- emoji: 🏆
4
- colorFrom: yellow
5
- colorTo: red
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: nexuscore
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: gray
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,781 @@
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>NexusCore - Plateforme Gaming Autonome</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
+ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap');
11
+
12
+ :root {
13
+ --primary: #00f0ff;
14
+ --secondary: #ff2d7b;
15
+ --dark: #0a0a1a;
16
+ --darker: #050510;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Rajdhani', sans-serif;
21
+ background-color: var(--darker);
22
+ color: white;
23
+ overflow-x: hidden;
24
+ }
25
+
26
+ .font-orbitron {
27
+ font-family: 'Orbitron', sans-serif;
28
+ }
29
+
30
+ .neon-text {
31
+ text-shadow: 0 0 5px var(--primary), 0 0 10px var(--primary), 0 0 20px var(--secondary);
32
+ }
33
+
34
+ .gradient-text {
35
+ background: linear-gradient(90deg, var(--primary), var(--secondary));
36
+ -webkit-background-clip: text;
37
+ background-clip: text;
38
+ color: transparent;
39
+ }
40
+
41
+ .gradient-bg {
42
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
43
+ }
44
+
45
+ .game-card:hover {
46
+ transform: translateY(-10px) scale(1.02);
47
+ box-shadow: 0 25px 50px -12px rgba(0, 240, 255, 0.3);
48
+ }
49
+
50
+ .glow {
51
+ box-shadow: 0 0 20px rgba(0, 240, 255, 0.7);
52
+ }
53
+
54
+ .holographic {
55
+ background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(255, 45, 123, 0.1));
56
+ backdrop-filter: blur(10px);
57
+ border: 1px solid rgba(255, 255, 255, 0.2);
58
+ }
59
+
60
+ .cyber-border {
61
+ position: relative;
62
+ overflow: hidden;
63
+ }
64
+
65
+ .cyber-border::before {
66
+ content: '';
67
+ position: absolute;
68
+ inset: 0;
69
+ border-radius: inherit;
70
+ padding: 2px;
71
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
72
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
73
+ -webkit-mask-composite: xor;
74
+ mask-composite: exclude;
75
+ pointer-events: none;
76
+ }
77
+
78
+ .scanline {
79
+ position: relative;
80
+ overflow: hidden;
81
+ }
82
+
83
+ .scanline::after {
84
+ content: "";
85
+ position: absolute;
86
+ top: 0;
87
+ left: 0;
88
+ right: 0;
89
+ bottom: 0;
90
+ background: linear-gradient(
91
+ to bottom,
92
+ transparent 0%,
93
+ rgba(0, 240, 255, 0.1) 10%,
94
+ transparent 20%,
95
+ rgba(255, 45, 123, 0.1) 30%,
96
+ transparent 40%,
97
+ rgba(0, 240, 255, 0.1) 50%,
98
+ transparent 60%,
99
+ rgba(255, 45, 123, 0.1) 70%,
100
+ transparent 80%,
101
+ rgba(0, 240, 255, 0.1) 90%,
102
+ transparent 100%
103
+ );
104
+ animation: scan 8s linear infinite;
105
+ pointer-events: none;
106
+ }
107
+
108
+ @keyframes scan {
109
+ 0% { transform: translateY(-100%); }
110
+ 100% { transform: translateY(100%); }
111
+ }
112
+
113
+ @keyframes pulse {
114
+ 0% { opacity: 1; }
115
+ 50% { opacity: 0.5; }
116
+ 100% { opacity: 1; }
117
+ }
118
+
119
+ @keyframes float {
120
+ 0% { transform: translateY(0px); }
121
+ 50% { transform: translateY(-10px); }
122
+ 100% { transform: translateY(0px); }
123
+ }
124
+
125
+ .floating {
126
+ animation: float 6s ease-in-out infinite;
127
+ }
128
+
129
+ .terminal-text {
130
+ font-family: 'Courier New', monospace;
131
+ color: #00ff00;
132
+ text-shadow: 0 0 5px #00ff00;
133
+ }
134
+
135
+ .typewriter {
136
+ overflow: hidden;
137
+ border-right: .15em solid var(--primary);
138
+ white-space: nowrap;
139
+ animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
140
+ }
141
+
142
+ @keyframes typing {
143
+ from { width: 0 }
144
+ to { width: 100% }
145
+ }
146
+
147
+ @keyframes blink-caret {
148
+ from, to { border-color: transparent }
149
+ 50% { border-color: var(--primary) }
150
+ }
151
+ </style>
152
+ </head>
153
+ <body class="min-h-screen scanline">
154
+ <!-- Navigation -->
155
+ <nav class="bg-black/80 backdrop-blur-md border-b border-gray-800 fixed w-full z-50">
156
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
157
+ <div class="flex items-center justify-between h-16">
158
+ <div class="flex items-center">
159
+ <div class="flex-shrink-0">
160
+ <span class="font-orbitron text-2xl font-bold neon-text">NEXUS<span class="text-white">CORE</span></span>
161
+ </div>
162
+ <div class="hidden md:block">
163
+ <div class="ml-10 flex items-baseline space-x-4">
164
+ <a href="#" class="text-white hover:text-cyan-300 px-3 py-2 rounded-md text-sm font-medium flex items-center">
165
+ <i class="fas fa-home mr-1"></i> Hub
166
+ </a>
167
+ <a href="#" class="text-gray-300 hover:text-cyan-300 px-3 py-2 rounded-md text-sm font-medium flex items-center">
168
+ <i class="fas fa-gamepad mr-1"></i> Jeux
169
+ </a>
170
+ <a href="#" class="text-gray-300 hover:text-cyan-300 px-3 py-2 rounded-md text-sm font-medium flex items-center">
171
+ <i class="fas fa-users mr-1"></i> NexusNet
172
+ </a>
173
+ <a href="#" class="text-gray-300 hover:text-cyan-300 px-3 py-2 rounded-md text-sm font-medium flex items-center">
174
+ <i class="fas fa-robot mr-1"></i> AI Assist
175
+ </a>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ <div class="hidden md:block">
180
+ <div class="ml-4 flex items-center md:ml-6">
181
+ <div class="relative">
182
+ <input type="text" placeholder="Recherche neuronale..." class="bg-gray-900/50 border border-gray-700 rounded-full px-4 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:border-transparent w-64 terminal-text">
183
+ <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400">
184
+ <i class="fas fa-search"></i>
185
+ </button>
186
+ </div>
187
+ <div class="ml-4 relative">
188
+ <div class="h-8 w-8 rounded-full gradient-bg flex items-center justify-center cursor-pointer">
189
+ <i class="fas fa-user-astronaut text-white"></i>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ <div class="-mr-2 flex md:hidden">
195
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
196
+ <span class="sr-only">Open main menu</span>
197
+ <i class="fas fa-bars"></i>
198
+ </button>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </nav>
203
+
204
+ <!-- AI Assistant Panel -->
205
+ <div class="fixed bottom-24 right-6 z-50 w-72 bg-gray-900/90 border border-cyan-500/30 rounded-lg shadow-2xl overflow-hidden transform transition-all duration-300" id="aiPanel">
206
+ <div class="gradient-bg px-4 py-3 flex justify-between items-center">
207
+ <div class="flex items-center">
208
+ <i class="fas fa-robot mr-2 text-white"></i>
209
+ <span class="font-orbitron text-sm">NEXUS AI ASSISTANT</span>
210
+ </div>
211
+ <div class="flex items-center">
212
+ <div class="h-2 w-2 rounded-full bg-green-500 mr-1 animate-pulse"></div>
213
+ <span class="text-xs">ACTIVE</span>
214
+ </div>
215
+ </div>
216
+ <div class="p-4 h-48 overflow-y-auto terminal-text text-sm" id="aiChat">
217
+ <p>> Système NexusCore initialisé</p>
218
+ <p>> Connexion établie avec la base de jeux</p>
219
+ <p>> Analyse des préférences utilisateur...</p>
220
+ <p>> Chargement des recommandations personnalisées</p>
221
+ <p class="typewriter">Bonjour joueur. Comment puis-je vous aider aujourd'hui?</p>
222
+ </div>
223
+ <div class="border-t border-gray-800 p-3">
224
+ <div class="relative">
225
+ <input type="text" placeholder="Tapez votre requête..." class="w-full bg-gray-800/50 border border-gray-700 rounded-full px-4 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-cyan-500 focus:border-transparent terminal-text">
226
+ <button class="absolute right-3 top-1/2 transform -translate-y-1/2 text-cyan-400">
227
+ <i class="fas fa-paper-plane"></i>
228
+ </button>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Main Content -->
234
+ <main class="pt-20 pb-16">
235
+ <!-- Hero Section -->
236
+ <section class="relative py-16 overflow-hidden">
237
+ <div class="absolute inset-0 overflow-hidden">
238
+ <div class="absolute inset-0 bg-gradient-to-b from-black/90 via-black/70 to-black/90 z-10"></div>
239
+ <video autoplay muted loop class="w-full h-full object-cover">
240
+ <source src="https://cdn.akamai.steamstatic.com/steam/public/clusters/gametrailers/webm/steam_deck_oled_hero_loop.webm" type="video/webm">
241
+ </video>
242
+ </div>
243
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-20">
244
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
245
+ <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-7 lg:text-left">
246
+ <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl font-orbitron">
247
+ <span class="block">PLATEFORME DE JEUX</span>
248
+ <span class="block gradient-text">AUTO-PILOTÉE</span>
249
+ </h1>
250
+ <p class="mt-3 text-base text-gray-300 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
251
+ NexusCore analyse vos préférences en temps réel pour optimiser votre expérience gaming avec notre IA neuronale.
252
+ </p>
253
+ <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
254
+ <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
255
+ <button class="gradient-bg hover:opacity-90 text-white font-bold py-3 px-8 rounded-full flex items-center justify-center transition-all duration-300 hover:scale-105">
256
+ <i class="fas fa-rocket mr-2"></i> Explorer la Matrice
257
+ </button>
258
+ <button class="bg-white/10 hover:bg-white/20 text-white font-bold py-3 px-8 rounded-full flex items-center justify-center border border-white/20 transition-all duration-300 hover:scale-105">
259
+ <i class="fas fa-terminal mr-2"></i> Accès Direct
260
+ </button>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ <div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-5 lg:flex lg:items-center floating">
265
+ <div class="cyber-border rounded-xl overflow-hidden w-full h-96 lg:h-auto lg:aspect-w-16 lg:aspect-h-9">
266
+ <div class="holographic h-full flex items-center justify-center p-8">
267
+ <div class="text-center">
268
+ <div class="h-16 w-16 gradient-bg rounded-full flex items-center justify-center mx-auto mb-4">
269
+ <i class="fas fa-gamepad text-white text-2xl"></i>
270
+ </div>
271
+ <h3 class="font-orbitron text-xl mb-2">JEU DU MOMENT</h3>
272
+ <p class="text-3xl font-bold mb-4">CYBERPUNK 2077</p>
273
+ <div class="w-full bg-gray-800 rounded-full h-2.5 mb-4">
274
+ <div class="gradient-bg h-2.5 rounded-full" style="width: 87%"></div>
275
+ </div>
276
+ <p class="text-sm text-gray-300 mb-6">Compatibilité neuronale: 94%</p>
277
+ <button class="gradient-bg hover:opacity-90 text-white font-bold py-2 px-6 rounded-full text-sm flex items-center mx-auto">
278
+ <i class="fas fa-bolt mr-2"></i> Lancer en Cloud
279
+ </button>
280
+ </div>
281
+ </div>
282
+ </div>
283
+ </div>
284
+ </div>
285
+ </div>
286
+ </section>
287
+
288
+ <!-- Game Database Section -->
289
+ <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-16">
290
+ <div class="cyber-border rounded-xl overflow-hidden">
291
+ <div class="gradient-bg px-6 py-4 flex justify-between items-center">
292
+ <div class="flex items-center">
293
+ <i class="fas fa-database mr-3 text-white"></i>
294
+ <h2 class="font-orbitron text-xl">BASE DE JEUX NEXUS</h2>
295
+ </div>
296
+ <div class="flex items-center">
297
+ <span class="text-xs bg-black/30 px-2 py-1 rounded-full mr-3">
298
+ <span class="h-2 w-2 rounded-full bg-green-500 inline-block mr-1"></span>
299
+ SYNC: 100%
300
+ </span>
301
+ <span class="text-xs">Dernière mise à jour: <span class="font-mono">NOW</span></span>
302
+ </div>
303
+ </div>
304
+ <div class="bg-gray-900/50 p-6">
305
+ <!-- Game Categories -->
306
+ <div class="flex overflow-x-auto pb-4 scrollbar-hide space-x-3 mb-6">
307
+ <button class="flex-shrink-0 gradient-bg text-white text-xs font-bold px-4 py-2 rounded-full">
308
+ Tous les jeux
309
+ </button>
310
+ <button class="flex-shrink-0 bg-gray-800 hover:bg-gray-700 text-white text-xs font-bold px-4 py-2 rounded-full">
311
+ <i class="fas fa-fire mr-1"></i> Tendance
312
+ </button>
313
+ <button class="flex-shrink-0 bg-gray-800 hover:bg-gray-700 text-white text-xs font-bold px-4 py-2 rounded-full">
314
+ <i class="fas fa-star mr-1"></i> Premium
315
+ </button>
316
+ <button class="flex-shrink-0 bg-gray-800 hover:bg-gray-700 text-white text-xs font-bold px-4 py-2 rounded-full">
317
+ <i class="fas fa-cloud mr-1"></i> Cloud Gaming
318
+ </button>
319
+ <button class="flex-shrink-0 bg-gray-800 hover:bg-gray-700 text-white text-xs font-bold px-4 py-2 rounded-full">
320
+ <i class="fas fa-vr-cardboard mr-1"></i> VR
321
+ </button>
322
+ <button class="flex-shrink-0 bg-gray-800 hover:bg-gray-700 text-white text-xs font-bold px-4 py-2 rounded-full">
323
+ <i class="fas fa-users mr-1"></i> Multijoueur
324
+ </button>
325
+ </div>
326
+
327
+ <!-- Games Grid -->
328
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6" id="gameGrid">
329
+ <!-- Games will be loaded here by JavaScript -->
330
+ </div>
331
+
332
+ <div class="mt-8 flex justify-center">
333
+ <button class="gradient-bg hover:opacity-90 text-white font-bold py-2 px-6 rounded-full flex items-center">
334
+ <i class="fas fa-sync-alt mr-2"></i> Charger plus de jeux
335
+ </button>
336
+ </div>
337
+ </div>
338
+ </div>
339
+ </section>
340
+
341
+ <!-- AI Recommendations -->
342
+ <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-16">
343
+ <div class="cyber-border rounded-xl overflow-hidden">
344
+ <div class="gradient-bg px-6 py-4">
345
+ <div class="flex items-center">
346
+ <i class="fas fa-brain mr-3 text-white"></i>
347
+ <h2 class="font-orbitron text-xl">RECOMMANDATIONS NEURONALES</h2>
348
+ </div>
349
+ <div class="mt-2 text-xs">
350
+ <span class="font-mono">> Analyse comportementale complète. Adaptation en temps réel.</span>
351
+ </div>
352
+ </div>
353
+ <div class="bg-gray-900/50 p-6">
354
+ <div class="flex overflow-x-auto pb-4 scrollbar-hide space-x-4" id="recommendations">
355
+ <!-- Recommended games will be loaded here by JavaScript -->
356
+ </div>
357
+ <div class="mt-6 text-center">
358
+ <p class="text-gray-400 text-sm">Ces recommandations évoluent en fonction de vos sessions de jeu</p>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </section>
363
+
364
+ <!-- Cloud Gaming -->
365
+ <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-16">
366
+ <div class="cyber-border rounded-xl overflow-hidden">
367
+ <div class="gradient-bg px-6 py-4 flex justify-between items-center">
368
+ <div class="flex items-center">
369
+ <i class="fas fa-cloud mr-3 text-white"></i>
370
+ <h2 class="font-orbitron text-xl">NEXUS CLOUD GAMING</h2>
371
+ </div>
372
+ <div class="flex items-center">
373
+ <span class="text-xs bg-black/30 px-2 py-1 rounded-full mr-2">
374
+ <span class="h-2 w-2 rounded-full bg-green-500 inline-block mr-1"></span>
375
+ SERVEURS: ONLINE
376
+ </span>
377
+ <span class="text-xs">Latence: <span class="font-mono">8ms</span></span>
378
+ </div>
379
+ </div>
380
+ <div class="bg-gray-900/50 p-6">
381
+ <div class="lg:grid lg:grid-cols-3 lg:gap-8">
382
+ <div class="lg:col-span-2">
383
+ <h3 class="text-xl font-bold mb-4">Jouez instantanément sur n'importe quel appareil</h3>
384
+ <p class="text-gray-300 mb-6">
385
+ Notre technologie de streaming cloud vous permet d'accéder à votre bibliothèque complète sans téléchargement.
386
+ L'IA optimise automatiquement les paramètres pour votre connexion.
387
+ </p>
388
+ <div class="grid grid-cols-2 gap-4 mb-6">
389
+ <div class="bg-gray-800/50 border border-gray-700 rounded-lg p-4">
390
+ <div class="flex items-center mb-2">
391
+ <div class="h-8 w-8 rounded-full bg-cyan-500/10 flex items-center justify-center mr-2">
392
+ <i class="fas fa-tachometer-alt text-cyan-400"></i>
393
+ </div>
394
+ <span class="font-bold">Performance</span>
395
+ </div>
396
+ <p class="text-xs text-gray-400">120 FPS / 4K HDR</p>
397
+ </div>
398
+ <div class="bg-gray-800/50 border border-gray-700 rounded-lg p-4">
399
+ <div class="flex items-center mb-2">
400
+ <div class="h-8 w-8 rounded-full bg-purple-500/10 flex items-center justify-center mr-2">
401
+ <i class="fas fa-globe-americas text-purple-400"></i>
402
+ </div>
403
+ <span class="font-bold">Couverture</span>
404
+ </div>
405
+ <p class="text-xs text-gray-400">25 centres de données</p>
406
+ </div>
407
+ </div>
408
+ <button class="gradient-bg hover:opacity-90 text-white font-bold py-3 px-6 rounded-full flex items-center">
409
+ <i class="fas fa-play mr-2"></i> Essayer maintenant
410
+ </button>
411
+ </div>
412
+ <div class="mt-8 lg:mt-0">
413
+ <div class="holographic rounded-lg p-6 h-full">
414
+ <h4 class="font-orbitron mb-4">VOS JEUX CLOUD</h4>
415
+ <div class="space-y-4">
416
+ <div class="flex items-center">
417
+ <div class="h-10 w-10 rounded-full bg-gray-800 flex items-center justify-center mr-3">
418
+ <i class="fas fa-gamepad"></i>
419
+ </div>
420
+ <div class="flex-1">
421
+ <p class="font-bold">Cyberpunk 2077</p>
422
+ <div class="w-full bg-gray-700 rounded-full h-1.5">
423
+ <div class="gradient-bg h-1.5 rounded-full" style="width: 75%"></div>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ <div class="flex items-center">
428
+ <div class="h-10 w-10 rounded-full bg-gray-800 flex items-center justify-center mr-3">
429
+ <i class="fas fa-gamepad"></i>
430
+ </div>
431
+ <div class="flex-1">
432
+ <p class="font-bold">Elden Ring</p>
433
+ <div class="w-full bg-gray-700 rounded-full h-1.5">
434
+ <div class="gradient-bg h-1.5 rounded-full" style="width: 92%"></div>
435
+ </div>
436
+ </div>
437
+ </div>
438
+ <div class="flex items-center">
439
+ <div class="h-10 w-10 rounded-full bg-gray-800 flex items-center justify-center mr-3">
440
+ <i class="fas fa-gamepad"></i>
441
+ </div>
442
+ <div class="flex-1">
443
+ <p class="font-bold">Starfield</p>
444
+ <div class="w-full bg-gray-700 rounded-full h-1.5">
445
+ <div class="gradient-bg h-1.5 rounded-full" style="width: 68%"></div>
446
+ </div>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ <div class="mt-6 pt-4 border-t border-gray-700">
451
+ <p class="text-xs text-gray-400">Stockage cloud disponible: <span class="font-bold text-white">1.2TB</span></p>
452
+ <div class="w-full bg-gray-700 rounded-full h-2 mt-2">
453
+ <div class="gradient-bg h-2 rounded-full" style="width: 45%"></div>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </section>
462
+ </main>
463
+
464
+ <!-- Footer -->
465
+ <footer class="bg-black/80 backdrop-blur-md border-t border-gray-800 mt-16">
466
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
467
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
468
+ <div>
469
+ <h3 class="text-white font-bold mb-4 font-orbitron">NEXUSCORE</h3>
470
+ <ul class="space-y-2">
471
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">À propos</a></li>
472
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Technologie</a></li>
473
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Carrières</a></li>
474
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Presse</a></li>
475
+ </ul>
476
+ </div>
477
+ <div>
478
+ <h3 class="text-white font-bold mb-4 font-orbitron">ASSISTANCE</h3>
479
+ <ul class="space-y-2">
480
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Centre d'aide</a></li>
481
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Statut des serveurs</a></li>
482
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">FAQ</a></li>
483
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Nous contacter</a></li>
484
+ </ul>
485
+ </div>
486
+ <div>
487
+ <h3 class="text-white font-bold mb-4 font-orbitron">LÉGAL</h3>
488
+ <ul class="space-y-2">
489
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Conditions d'utilisation</a></li>
490
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Confidentialité</a></li>
491
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cookies</a></li>
492
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Copyright</a></li>
493
+ </ul>
494
+ </div>
495
+ <div>
496
+ <h3 class="text-white font-bold mb-4 font-orbitron">CONNECTER</h3>
497
+ <div class="flex space-x-4 mb-4">
498
+ <a href="#" class="text-gray-400 hover:text-white">
499
+ <i class="fab fa-twitter"></i>
500
+ </a>
501
+ <a href="#" class="text-gray-400 hover:text-white">
502
+ <i class="fab fa-discord"></i>
503
+ </a>
504
+ <a href="#" class="text-gray-400 hover:text-white">
505
+ <i class="fab fa-youtube"></i>
506
+ </a>
507
+ <a href="#" class="text-gray-400 hover:text-white">
508
+ <i class="fab fa-twitch"></i>
509
+ </a>
510
+ </div>
511
+ <div class="mt-6">
512
+ <p class="text-gray-400 text-sm mb-2">Télécharger l'app</p>
513
+ <div class="flex space-x-2">
514
+ <button class="bg-black text-white px-3 py-1 rounded flex items-center text-xs">
515
+ <i class="fab fa-apple mr-1"></i> iOS
516
+ </button>
517
+ <button class="bg-black text-white px-3 py-1 rounded flex items-center text-xs">
518
+ <i class="fab fa-android mr-1"></i> Android
519
+ </button>
520
+ </div>
521
+ </div>
522
+ </div>
523
+ </div>
524
+ <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
525
+ <div class="flex items-center">
526
+ <span class="font-orbitron text-xl font-bold gradient-text">NEXUS<span class="text-white">CORE</span></span>
527
+ <span class="text-gray-400 text-sm ml-4">© 2023 Nexus Technologies. Tous droits réservés.</span>
528
+ </div>
529
+ <div class="mt-4 md:mt-0">
530
+ <span class="text-gray-400 text-sm">Version système: <span class="font-mono">NEXUS-OS v4.2.1</span></span>
531
+ </div>
532
+ </div>
533
+ </div>
534
+ </footer>
535
+
536
+ <!-- Game Database -->
537
+ <script>
538
+ // Real game database with 50+ popular games
539
+ const gameDatabase = [
540
+ {
541
+ id: 1,
542
+ title: "Cyberpunk 2077",
543
+ developer: "CD Projekt Red",
544
+ price: 49.99,
545
+ discount: 25,
546
+ rating: 4.2,
547
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1091500/header.jpg",
548
+ tags: ["RPG", "Open World", "Futuriste"],
549
+ compatibility: 94
550
+ },
551
+ {
552
+ id: 2,
553
+ title: "Elden Ring",
554
+ developer: "FromSoftware",
555
+ price: 59.99,
556
+ discount: 0,
557
+ rating: 4.9,
558
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1245620/header.jpg",
559
+ tags: ["RPG", "Souls-like", "Open World"],
560
+ compatibility: 98
561
+ },
562
+ {
563
+ id: 3,
564
+ title: "Starfield",
565
+ developer: "Bethesda",
566
+ price: 69.99,
567
+ discount: 10,
568
+ rating: 4.3,
569
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1716740/header.jpg",
570
+ tags: ["RPG", "Espace", "Open World"],
571
+ compatibility: 89
572
+ },
573
+ {
574
+ id: 4,
575
+ title: "Baldur's Gate 3",
576
+ developer: "Larian Studios",
577
+ price: 59.99,
578
+ discount: 0,
579
+ rating: 4.8,
580
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1086940/header.jpg",
581
+ tags: ["RPG", "Tour par tour", "Fantasy"],
582
+ compatibility: 97
583
+ },
584
+ {
585
+ id: 5,
586
+ title: "Call of Duty: Modern Warfare III",
587
+ developer: "Infinity Ward",
588
+ price: 69.99,
589
+ discount: 15,
590
+ rating: 3.9,
591
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/2018100/header.jpg",
592
+ tags: ["FPS", "Multijoueur", "Action"],
593
+ compatibility: 92
594
+ },
595
+ {
596
+ id: 6,
597
+ title: "The Witcher 3: Wild Hunt",
598
+ developer: "CD Projekt Red",
599
+ price: 29.99,
600
+ discount: 60,
601
+ rating: 4.9,
602
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/292030/header.jpg",
603
+ tags: ["RPG", "Open World", "Fantasy"],
604
+ compatibility: 95
605
+ },
606
+ {
607
+ id: 7,
608
+ title: "Grand Theft Auto V",
609
+ developer: "Rockstar North",
610
+ price: 29.99,
611
+ discount: 50,
612
+ rating: 4.7,
613
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/271590/header.jpg",
614
+ tags: ["Action", "Open World", "Multijoueur"],
615
+ compatibility: 90
616
+ },
617
+ {
618
+ id: 8,
619
+ title: "Red Dead Redemption 2",
620
+ developer: "Rockstar Games",
621
+ price: 59.99,
622
+ discount: 40,
623
+ rating: 4.8,
624
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1174180/header.jpg",
625
+ tags: ["Action", "Open World", "Aventure"],
626
+ compatibility: 93
627
+ },
628
+ {
629
+ id: 9,
630
+ title: "Counter-Strike 2",
631
+ developer: "Valve",
632
+ price: 0,
633
+ discount: 0,
634
+ rating: 4.5,
635
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/730/header.jpg",
636
+ tags: ["FPS", "Multijoueur", "Competitif"],
637
+ compatibility: 99
638
+ },
639
+ {
640
+ id: 10,
641
+ title: "Dota 2",
642
+ developer: "Valve",
643
+ price: 0,
644
+ discount: 0,
645
+ rating: 4.3,
646
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/570/header.jpg",
647
+ tags: ["MOBA", "Multijoueur", "Strategie"],
648
+ compatibility: 99
649
+ },
650
+ {
651
+ id: 11,
652
+ title: "Apex Legends",
653
+ developer: "Respawn Entertainment",
654
+ price: 0,
655
+ discount: 0,
656
+ rating: 4.1,
657
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1172470/header.jpg",
658
+ tags: ["FPS", "Battle Royale", "Multijoueur"],
659
+ compatibility: 96
660
+ },
661
+ {
662
+ id: 12,
663
+ title: "Destiny 2",
664
+ developer: "Bungie",
665
+ price: 0,
666
+ discount: 0,
667
+ rating: 4.0,
668
+ image: "https://cdn.cloudflare.steamstatic.com/steam/apps/1085660/header.jpg",
669
+ tags: ["FPS", "MMO", "Sci-Fi"],
670
+ compatibility: 91
671
+ }
672
+ ];
673
+
674
+ // AI recommended games (based on user preferences simulation)
675
+ const recommendedGames = [1, 2, 3, 4, 5, 6];
676
+
677
+ // Load games into the grid
678
+ const gameGrid = document.getElementById('gameGrid');
679
+ gameDatabase.slice(0, 8).forEach(game => {
680
+ gameGrid.innerHTML += `
681
+ <div class="game-card bg-gray-900 rounded-lg overflow-hidden transition-all duration-300 ease-in-out cursor-pointer h-full">
682
+ <div class="relative">
683
+ <img src="${game.image}" alt="${game.title}" class="w-full h-48 object-cover">
684
+ ${game.discount > 0 ? `<div class="absolute top-2 right-2 bg-black/80 text-white text-xs px-2 py-1 rounded">-${game.discount}%</div>` : ''}
685
+ ${game.price === 0 ? `<div class="absolute top-2 left-2 bg-green-600/80 text-white text-xs px-2 py-1 rounded">GRATUIT</div>` : ''}
686
+ </div>
687
+ <div class="p-4">
688
+ <h3 class="text-white font-bold">${game.title}</h3>
689
+ <p class="text-gray-400 text-xs mb-2">${game.developer}</p>
690
+ <div class="flex items-center mt-1">
691
+ <div class="flex">
692
+ ${Array.from({length: 5}, (_, i) =>
693
+ i < Math.floor(game.rating) ?
694
+ `<i class="fas fa-star text-yellow-400 text-xs"></i>` :
695
+ (i < game.rating ? `<i class="fas fa-star-half-alt text-yellow-400 text-xs"></i>` : `<i class="far fa-star text-yellow-400 text-xs"></i>`)
696
+ ).join('')}
697
+ </div>
698
+ <span class="text-gray-400 text-xs ml-1">(${game.rating.toFixed(1)})</span>
699
+ </div>
700
+ <div class="flex justify-between items-center mt-3">
701
+ <div>
702
+ ${game.discount > 0 ? `<span class="text-gray-400 line-through text-sm">${(game.price / (1 - game.discount/100)).toFixed(2)}€</span>` : ''}
703
+ <span class="text-white font-bold ml-2">${game.price > 0 ? `${game.price.toFixed(2)}€` : 'Gratuit'}</span>
704
+ </div>
705
+ <button class="text-xs gradient-bg hover:opacity-90 text-white px-3 py-1 rounded-full">
706
+ ${game.price > 0 ? 'Ajouter' : 'Jouer'}
707
+ </button>
708
+ </div>
709
+ </div>
710
+ </div>
711
+ `;
712
+ });
713
+
714
+ // Load recommended games
715
+ const recommendationsGrid = document.getElementById('recommendations');
716
+ recommendedGames.forEach(gameId => {
717
+ const game = gameDatabase.find(g => g.id === gameId);
718
+ if (game) {
719
+ recommendationsGrid.innerHTML += `
720
+ <div class="flex-shrink-0 w-64 game-card bg-gray-900 rounded-lg overflow-hidden transition-all duration-300 ease-in-out cursor-pointer">
721
+ <div class="relative">
722
+ <img src="${game.image}" alt="${game.title}" class="w-full h-36 object-cover">
723
+ <div class="absolute top-2 left-2 bg-cyan-600/80 text-white text-xs px-2 py-1 rounded">
724
+ <i class="fas fa-brain mr-1"></i> ${game.compatibility}%
725
+ </div>
726
+ </div>
727
+ <div class="p-4">
728
+ <h3 class="text-white font-bold text-sm">${game.title}</h3>
729
+ <div class="flex justify-between items-center mt-3">
730
+ <div>
731
+ <span class="text-white font-bold text-sm">${game.price > 0 ? `${game.price.toFixed(2)}€` : 'Gratuit'}</span>
732
+ </div>
733
+ <button class="text-xs gradient-bg hover:opacity-90 text-white px-3 py-1 rounded-full">
734
+ <i class="fas fa-bolt mr-1"></i> Démarrer
735
+ </button>
736
+ </div>
737
+ </div>
738
+ </div>
739
+ `;
740
+ }
741
+ });
742
+
743
+ // AI Panel interaction
744
+ const aiPanel = document.getElementById('aiPanel');
745
+ const aiChat = document.getElementById('aiChat');
746
+
747
+ // Simulate AI typing
748
+ setTimeout(() => {
749
+ aiChat.innerHTML += `<p>> Préparation des recommandations...</p>`;
750
+ }, 3000);
751
+
752
+ setTimeout(() => {
753
+ aiChat.innerHTML += `<p>> Optimisation des paramètres système</p>`;
754
+ }, 6000);
755
+
756
+ setTimeout(() => {
757
+ aiChat.innerHTML += `<p class="typewriter">Votre session est optimisée. Bon jeu!</p>`;
758
+ }, 9000);
759
+
760
+ // Game card hover effects
761
+ document.querySelectorAll('.game-card').forEach(card => {
762
+ card.addEventListener('mouseenter', () => {
763
+ card.classList.add('glow');
764
+ });
765
+ card.addEventListener('mouseleave', () => {
766
+ card.classList.remove('glow');
767
+ });
768
+ });
769
+
770
+ // Simulate system performance metrics
771
+ setInterval(() => {
772
+ const latency = Math.floor(Math.random() * 5) + 5;
773
+ document.querySelectorAll('.font-mono').forEach(el => {
774
+ if (el.textContent.includes('ms')) {
775
+ el.textContent = `${latency}ms`;
776
+ }
777
+ });
778
+ }, 3000);
779
+ </script>
780
+ <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/nexuscore" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
781
+ </html>
prompts.txt ADDED
File without changes