Hugging Face's logo

Spaces:
docto41
/
cours-en-ligne
Running

App Files Community
docto41 commited on
Commit
59f2bf1
·
verified ·
1 Parent(s): 73ac1fe

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +787 -19
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cours En Ligne
3
- emoji: 💻
4
- colorFrom: blue
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: cours-en-ligne
3
+ emoji: 🐳
4
+ colorFrom: gray
5
  colorTo: red
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,787 @@
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>Tableau de Bord Privé - Pilotage Automatique</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&display=swap');
11
+
12
+ :root {
13
+ --primary: #6e48ff;
14
+ --secondary: #9f70fd;
15
+ --accent: #ff4d8d;
16
+ --dark: #0f0a31;
17
+ --light: #f8f9ff;
18
+ }
19
+
20
+ body {
21
+ font-family: 'Orbitron', sans-serif;
22
+ background-color: var(--dark);
23
+ color: var(--light);
24
+ overflow-x: hidden;
25
+ }
26
+
27
+ .gradient-text {
28
+ background: linear-gradient(90deg, var(--primary), var(--accent));
29
+ -webkit-background-clip: text;
30
+ background-clip: text;
31
+ color: transparent;
32
+ }
33
+
34
+ .gradient-bg {
35
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
36
+ }
37
+
38
+ .neon-box {
39
+ box-shadow: 0 0 15px rgba(110, 72, 255, 0.7);
40
+ border: 1px solid rgba(159, 112, 253, 0.3);
41
+ }
42
+
43
+ .glow {
44
+ animation: glow 2s ease-in-out infinite alternate;
45
+ }
46
+
47
+ @keyframes glow {
48
+ from { box-shadow: 0 0 10px -5px var(--primary); }
49
+ to { box-shadow: 0 0 20px 5px var(--primary); }
50
+ }
51
+
52
+ .auto-pilot {
53
+ position: relative;
54
+ }
55
+
56
+ .auto-pilot::after {
57
+ content: "AUTO";
58
+ position: absolute;
59
+ top: -10px;
60
+ right: -10px;
61
+ background-color: var(--accent);
62
+ color: white;
63
+ font-size: 10px;
64
+ padding: 2px 5px;
65
+ border-radius: 10px;
66
+ animation: pulse 1.5s infinite;
67
+ }
68
+
69
+ @keyframes pulse {
70
+ 0% { opacity: 1; }
71
+ 50% { opacity: 0.7; }
72
+ 100% { opacity: 1; }
73
+ }
74
+
75
+ .status-active {
76
+ background-color: rgba(74, 222, 128, 0.2);
77
+ color: #4ade80;
78
+ }
79
+
80
+ .status-pending {
81
+ background-color: rgba(250, 204, 21, 0.2);
82
+ color: #facc15;
83
+ }
84
+
85
+ .status-canceled {
86
+ background-color: rgba(248, 113, 113, 0.2);
87
+ color: #f87171;
88
+ }
89
+
90
+ /* Authentification */
91
+ .auth-container {
92
+ display: none;
93
+ position: fixed;
94
+ top: 0;
95
+ left: 0;
96
+ width: 100%;
97
+ height: 100%;
98
+ background-color: rgba(15, 10, 49, 0.95);
99
+ z-index: 9999;
100
+ backdrop-filter: blur(10px);
101
+ }
102
+
103
+ .auth-box {
104
+ background: linear-gradient(145deg, #1a1a2e, #16213e);
105
+ border: 1px solid var(--primary);
106
+ box-shadow: 0 0 30px rgba(110, 72, 255, 0.5);
107
+ }
108
+
109
+ .auth-tab {
110
+ cursor: pointer;
111
+ transition: all 0.3s;
112
+ }
113
+
114
+ .auth-tab.active {
115
+ border-bottom: 2px solid var(--accent);
116
+ color: white;
117
+ }
118
+ </style>
119
+ </head>
120
+ <body class="min-h-screen bg-gray-900">
121
+ <!-- Authentification Requise -->
122
+ <div id="authContainer" class="auth-container flex items-center justify-center">
123
+ <div class="auth-box rounded-xl p-8 w-full max-w-md">
124
+ <div class="flex justify-center mb-8">
125
+ <div class="flex space-x-12">
126
+ <div id="loginTab" class="auth-tab active text-xl font-bold gradient-text">Connexion</div>
127
+ <div id="registerTab" class="auth-tab text-xl font-bold text-gray-400">Inscription</div>
128
+ </div>
129
+ </div>
130
+
131
+ <!-- Formulaire de Connexion -->
132
+ <div id="loginForm">
133
+ <div class="mb-6">
134
+ <label class="block text-gray-300 mb-2">Email</label>
135
+ <input type="email" id="loginEmail" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
136
+ </div>
137
+ <div class="mb-6">
138
+ <label class="block text-gray-300 mb-2">Mot de passe</label>
139
+ <input type="password" id="loginPassword" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
140
+ </div>
141
+ <div class="flex items-center justify-between mb-6">
142
+ <div class="flex items-center">
143
+ <input type="checkbox" id="rememberMe" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded">
144
+ <label for="rememberMe" class="ml-2 block text-sm text-gray-300">Se souvenir de moi</label>
145
+ </div>
146
+ <a href="#" class="text-sm text-purple-400 hover:text-purple-300">Mot de passe oublié?</a>
147
+ </div>
148
+ <button id="loginBtn" class="w-full gradient-bg text-white py-3 rounded-lg font-bold hover:opacity-90 transition mb-4">
149
+ Se connecter
150
+ </button>
151
+ <div class="text-center text-sm text-gray-400">
152
+ Pas encore membre? <span id="switchToRegister" class="text-purple-400 cursor-pointer hover:underline">S'inscrire</span>
153
+ </div>
154
+ </div>
155
+
156
+ <!-- Formulaire d'Inscription -->
157
+ <div id="registerForm" class="hidden">
158
+ <div class="mb-4">
159
+ <label class="block text-gray-300 mb-2">Nom complet</label>
160
+ <input type="text" id="registerName" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
161
+ </div>
162
+ <div class="mb-4">
163
+ <label class="block text-gray-300 mb-2">Email</label>
164
+ <input type="email" id="registerEmail" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
165
+ </div>
166
+ <div class="mb-4">
167
+ <label class="block text-gray-300 mb-2">Mot de passe</label>
168
+ <input type="password" id="registerPassword" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
169
+ </div>
170
+ <div class="mb-6">
171
+ <label class="block text-gray-300 mb-2">Confirmer le mot de passe</label>
172
+ <input type="password" id="registerConfirmPassword" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
173
+ </div>
174
+ <div class="flex items-center mb-6">
175
+ <input type="checkbox" id="acceptTerms" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded">
176
+ <label for="acceptTerms" class="ml-2 block text-sm text-gray-300">
177
+ J'accepte les <a href="#" class="text-purple-400 hover:underline">conditions d'utilisation</a>
178
+ </label>
179
+ </div>
180
+ <button id="registerBtn" class="w-full gradient-bg text-white py-3 rounded-lg font-bold hover:opacity-90 transition mb-4">
181
+ S'inscrire
182
+ </button>
183
+ <div class="text-center text-sm text-gray-400">
184
+ Déjà membre? <span id="switchToLogin" class="text-purple-400 cursor-pointer hover:underline">Se connecter</span>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </div>
189
+
190
+ <!-- Tableau de Bord (visible seulement après authentification) -->
191
+ <div id="dashboard" class="hidden">
192
+ <!-- Navigation -->
193
+ <nav class="bg-black bg-opacity-80 backdrop-filter backdrop-blur-lg fixed w-full z-50 border-b border-gray-800">
194
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
195
+ <div class="flex items-center justify-between h-16">
196
+ <div class="flex items-center">
197
+ <div class="flex-shrink-0">
198
+ <div class="flex items-center space-x-2">
199
+ <div class="w-8 h-8 rounded-full gradient-bg flex items-center justify-center">
200
+ <i class="fas fa-robot text-white"></i>
201
+ </div>
202
+ <span class="text-white text-xl">AUTO<span class="gradient-text">PILOT</span></span>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ <div class="hidden md:block">
207
+ <div class="ml-10 flex items-baseline space-x-8">
208
+ <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium">Tableau de bord</a>
209
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Transactions</a>
210
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Paramètres</a>
211
+ <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Support</a>
212
+ </div>
213
+ </div>
214
+ <div class="hidden md:block">
215
+ <div class="ml-4 flex items-center md:ml-6">
216
+ <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
217
+ <span class="sr-only">Notifications</span>
218
+ <i class="fas fa-bell"></i>
219
+ </button>
220
+ <div class="ml-3 relative">
221
+ <div>
222
+ <button type="button" class="max-w-xs bg-gray-800 rounded-full flex items-center text-sm focus:outline-none" id="user-menu">
223
+ <span class="sr-only">Open user menu</span>
224
+ <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80" alt="">
225
+ </button>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ <div class="-mr-2 flex md:hidden">
231
+ <button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" id="mobile-menu-button">
232
+ <span class="sr-only">Open main menu</span>
233
+ <i class="fas fa-bars"></i>
234
+ </button>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </nav>
239
+
240
+ <!-- Main Content -->
241
+ <div class="pt-16 flex">
242
+ <!-- Sidebar -->
243
+ <div class="hidden md:flex md:flex-shrink-0">
244
+ <div class="flex flex-col w-64 bg-black bg-opacity-80 border-r border-gray-800">
245
+ <div class="h-0 flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
246
+ <div class="flex-1 px-3 space-y-1">
247
+ <a href="#" class="bg-gray-900 text-white group flex items-center px-2 py-2 text-sm font-medium rounded-md">
248
+ <i class="fas fa-tachometer-alt mr-3 text-gray-300"></i>
249
+ Tableau de bord
250
+ </a>
251
+ <a href="#" class="text-gray-300 hover:bg-gray-800 hover:text-white group flex items-center px-2 py-2 text-sm font-medium rounded-md">
252
+ <i class="fas fa-wallet mr-3 text-gray-400"></i>
253
+ Portefeuille
254
+ </a>
255
+ <a href="#" class="text-gray-300 hover:bg-gray-800 hover:text-white group flex items-center px-2 py-2 text-sm font-medium rounded-md">
256
+ <i class="fas fa-exchange-alt mr-3 text-gray-400"></i>
257
+ Transactions
258
+ </a>
259
+ <a href="#" class="text-gray-300 hover:bg-gray-800 hover:text-white group flex items-center px-2 py-2 text-sm font-medium rounded-md">
260
+ <i class="fas fa-robot mr-3 text-gray-400"></i>
261
+ Autopilotage
262
+ </a>
263
+ <a href="#" class="text-gray-300 hover:bg-gray-800 hover:text-white group flex items-center px-2 py-2 text-sm font-medium rounded-md">
264
+ <i class="fas fa-cog mr-3 text-gray-400"></i>
265
+ Paramètres
266
+ </a>
267
+ </div>
268
+ </div>
269
+ <div class="flex-shrink-0 flex border-t border-gray-800 p-4">
270
+ <div class="flex items-center">
271
+ <div>
272
+ <img class="inline-block h-9 w-9 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=100&q=80" alt="">
273
+ </div>
274
+ <div class="ml-3">
275
+ <p class="text-sm font-medium text-white">John Doe</p>
276
+ <a href="#" class="text-xs font-medium text-gray-400 group-hover:text-gray-300">Voir profil</a>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </div>
282
+
283
+ <!-- Dashboard Content -->
284
+ <div class="flex-1 overflow-auto">
285
+ <div class="p-6">
286
+ <!-- Header -->
287
+ <div class="flex justify-between items-center mb-8">
288
+ <h1 class="text-3xl font-bold gradient-text">Tableau de Bord Privé</h1>
289
+ <div class="flex space-x-4">
290
+ <button class="px-4 py-2 bg-gray-800 text-white rounded-lg hover:bg-gray-700 transition">
291
+ <i class="fas fa-sync-alt mr-2"></i> Actualiser
292
+ </button>
293
+ <button class="px-4 py-2 gradient-bg text-white rounded-lg hover:opacity-90 transition glow">
294
+ <i class="fas fa-plus mr-2"></i> Nouvelle Transaction
295
+ </button>
296
+ </div>
297
+ </div>
298
+
299
+ <!-- Stats Cards -->
300
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
301
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700">
302
+ <div class="flex justify-between">
303
+ <div>
304
+ <p class="text-gray-400">Solde Total</p>
305
+ <h3 class="text-2xl font-bold">$12,845.50</h3>
306
+ </div>
307
+ <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center">
308
+ <i class="fas fa-dollar-sign text-white"></i>
309
+ </div>
310
+ </div>
311
+ <div class="mt-4 text-green-500 text-sm">
312
+ <i class="fas fa-arrow-up mr-1"></i> 12.5% ce mois
313
+ </div>
314
+ </div>
315
+
316
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700">
317
+ <div class="flex justify-between">
318
+ <div>
319
+ <p class="text-gray-400">Transactions</p>
320
+ <h3 class="text-2xl font-bold">48</h3>
321
+ </div>
322
+ <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center">
323
+ <i class="fas fa-exchange-alt text-white"></i>
324
+ </div>
325
+ </div>
326
+ <div class="mt-4 text-green-500 text-sm">
327
+ <i class="fas fa-arrow-up mr-1"></i> 8 nouvelles aujourd'hui
328
+ </div>
329
+ </div>
330
+
331
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700">
332
+ <div class="flex justify-between">
333
+ <div>
334
+ <p class="text-gray-400">Autopilotage</p>
335
+ <h3 class="text-2xl font-bold">ACTIF</h3>
336
+ </div>
337
+ <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center">
338
+ <i class="fas fa-robot text-white"></i>
339
+ </div>
340
+ </div>
341
+ <div class="mt-4 text-green-500 text-sm">
342
+ <i class="fas fa-check-circle mr-1"></i> Système opérationnel
343
+ </div>
344
+ </div>
345
+
346
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700">
347
+ <div class="flex justify-between">
348
+ <div>
349
+ <p class="text-gray-400">Prochain Paiement</p>
350
+ <h3 class="text-2xl font-bold">$1,250.00</h3>
351
+ </div>
352
+ <div class="w-12 h-12 rounded-full gradient-bg flex items-center justify-center">
353
+ <i class="fas fa-calendar-day text-white"></i>
354
+ </div>
355
+ </div>
356
+ <div class="mt-4 text-blue-400 text-sm">
357
+ <i class="fas fa-clock mr-1"></i> Dans 2 jours
358
+ </div>
359
+ </div>
360
+ </div>
361
+
362
+ <!-- Auto Pilot Control -->
363
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 mb-8 neon-box">
364
+ <div class="flex justify-between items-center mb-6">
365
+ <h2 class="text-xl font-bold">
366
+ <i class="fas fa-robot mr-2 gradient-text"></i>
367
+ Contrôle d'Autopilotage
368
+ </h2>
369
+ <div class="relative inline-block w-10 mr-2 align-middle select-none">
370
+ <input type="checkbox" name="autopilot" id="autopilot" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked/>
371
+ <label for="autopilot" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
372
+ </div>
373
+ </div>
374
+
375
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
376
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
377
+ <h3 class="font-medium mb-3">Stratégie de Trading</h3>
378
+ <div class="flex justify-between items-center">
379
+ <span class="text-sm text-gray-400">Mode Aggressif</span>
380
+ <button class="text-xs bg-gray-700 text-white px-2 py-1 rounded hover:bg-gray-600">Modifier</button>
381
+ </div>
382
+ </div>
383
+
384
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
385
+ <h3 class="font-medium mb-3">Limite de Risque</h3>
386
+ <div class="flex justify-between items-center">
387
+ <span class="text-sm text-gray-400">15% du capital</span>
388
+ <button class="text-xs bg-gray-700 text-white px-2 py-1 rounded hover:bg-gray-600">Modifier</button>
389
+ </div>
390
+ </div>
391
+
392
+ <div class="bg-gray-900 p-4 rounded-lg border border-gray-700">
393
+ <h3 class="font-medium mb-3">Objectif Mensuel</h3>
394
+ <div class="flex justify-between items-center">
395
+ <span class="text-sm text-gray-400">$5,000.00</span>
396
+ <button class="text-xs bg-gray-700 text-white px-2 py-1 rounded hover:bg-gray-600">Modifier</button>
397
+ </div>
398
+ </div>
399
+ </div>
400
+
401
+ <div class="mt-6 grid grid-cols-2 md:grid-cols-4 gap-4">
402
+ <button class="auto-pilot px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition">
403
+ <i class="fas fa-play mr-2"></i> Démarrer
404
+ </button>
405
+ <button class="px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 transition">
406
+ <i class="fas fa-pause mr-2"></i> Pause
407
+ </button>
408
+ <button class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
409
+ <i class="fas fa-cog mr-2"></i> Paramètres
410
+ </button>
411
+ <button class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition">
412
+ <i class="fas fa-stop mr-2"></i> Arrêter
413
+ </button>
414
+ </div>
415
+ </div>
416
+
417
+ <!-- Recent Transactions -->
418
+ <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 neon-box">
419
+ <div class="flex justify-between items-center mb-6">
420
+ <h2 class="text-xl font-bold">
421
+ <i class="fas fa-exchange-alt mr-2 gradient-text"></i>
422
+ Dernières Transactions
423
+ </h2>
424
+ <button class="text-sm gradient-bg text-white px-4 py-2 rounded-lg hover:opacity-90">
425
+ <i class="fas fa-download mr-2"></i> Exporter
426
+ </button>
427
+ </div>
428
+
429
+ <div class="overflow-x-auto">
430
+ <table class="min-w-full divide-y divide-gray-700">
431
+ <thead class="bg-gray-900">
432
+ <tr>
433
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">ID</th>
434
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Date</th>
435
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Montant</th>
436
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Méthode</th>
437
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Statut</th>
438
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-400 uppercase tracking-wider">Actions</th>
439
+ </tr>
440
+ </thead>
441
+ <tbody class="bg-gray-800 divide-y divide-gray-700">
442
+ <tr>
443
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX78542</td>
444
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">15 Juin 2023</td>
445
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500 font-bold">+$1,250.00</td>
446
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
447
+ <div class="flex items-center">
448
+ <i class="fab fa-cc-stripe mr-2 text-purple-500"></i> Stripe
449
+ </div>
450
+ </td>
451
+ <td class="px-6 py-4 whitespace-nowrap">
452
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
453
+ <i class="fas fa-check-circle mr-1"></i> Complété
454
+ </span>
455
+ </td>
456
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
457
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
458
+ <i class="fas fa-eye"></i>
459
+ </button>
460
+ <button class="text-green-500 hover:text-green-400">
461
+ <i class="fas fa-download"></i>
462
+ </button>
463
+ </td>
464
+ </tr>
465
+ <tr>
466
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX78541</td>
467
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">14 Juin 2023</td>
468
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500 font-bold">+$845.00</td>
469
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
470
+ <div class="flex items-center">
471
+ <i class="fab fa-paypal mr-2 text-blue-500"></i> PayPal
472
+ </div>
473
+ </td>
474
+ <td class="px-6 py-4 whitespace-nowrap">
475
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
476
+ <i class="fas fa-check-circle mr-1"></i> Complété
477
+ </span>
478
+ </td>
479
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
480
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
481
+ <i class="fas fa-eye"></i>
482
+ </button>
483
+ <button class="text-green-500 hover:text-green-400">
484
+ <i class="fas fa-download"></i>
485
+ </button>
486
+ </td>
487
+ </tr>
488
+ <tr>
489
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX78540</td>
490
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">13 Juin 2023</td>
491
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-red-500 font-bold">-$250.00</td>
492
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
493
+ <div class="flex items-center">
494
+ <i class="fas fa-university mr-2 text-gray-500"></i> Virement Bancaire
495
+ </div>
496
+ </td>
497
+ <td class="px-6 py-4 whitespace-nowrap">
498
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-canceled">
499
+ <i class="fas fa-times-circle mr-1"></i> Annulé
500
+ </span>
501
+ </td>
502
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
503
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
504
+ <i class="fas fa-eye"></i>
505
+ </button>
506
+ <button class="text-green-500 hover:text-green-400">
507
+ <i class="fas fa-download"></i>
508
+ </button>
509
+ </td>
510
+ </tr>
511
+ <tr>
512
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX78539</td>
513
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">12 Juin 2023</td>
514
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500 font-bold">+$2,150.00</td>
515
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
516
+ <div class="flex items-center">
517
+ <i class="fab fa-cc-stripe mr-2 text-purple-500"></i> Stripe
518
+ </div>
519
+ </td>
520
+ <td class="px-6 py-4 whitespace-nowrap">
521
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-active">
522
+ <i class="fas fa-check-circle mr-1"></i> Complété
523
+ </span>
524
+ </td>
525
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
526
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
527
+ <i class="fas fa-eye"></i>
528
+ </button>
529
+ <button class="text-green-500 hover:text-green-400">
530
+ <i class="fas fa-download"></i>
531
+ </button>
532
+ </td>
533
+ </tr>
534
+ <tr>
535
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX78538</td>
536
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">11 Juin 2023</td>
537
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-yellow-500 font-bold">+$750.00</td>
538
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
539
+ <div class="flex items-center">
540
+ <i class="fab fa-bitcoin mr-2 text-orange-500"></i> Crypto
541
+ </div>
542
+ </td>
543
+ <td class="px-6 py-4 whitespace-nowrap">
544
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full status-pending">
545
+ <i class="fas fa-clock mr-1"></i> En attente
546
+ </span>
547
+ </td>
548
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
549
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
550
+ <i class="fas fa-eye"></i>
551
+ </button>
552
+ <button class="text-green-500 hover:text-green-400">
553
+ <i class="fas fa-download"></i>
554
+ </button>
555
+ </td>
556
+ </tr>
557
+ </tbody>
558
+ </table>
559
+ </div>
560
+
561
+ <div class="mt-4 flex justify-between items-center">
562
+ <div class="text-sm text-gray-400">
563
+ Affichage de 1 à 5 sur 48 transactions
564
+ </div>
565
+ <div class="flex space-x-2">
566
+ <button class="px-3 py-1 bg-gray-700 text-white rounded hover:bg-gray-600">
567
+ <i class="fas fa-chevron-left"></i>
568
+ </button>
569
+ <button class="px-3 py-1 gradient-bg text-white rounded">1</button>
570
+ <button class="px-3 py-1 bg-gray-700 text-white rounded hover:bg-gray-600">2</button>
571
+ <button class="px-3 py-1 bg-gray-700 text-white rounded hover:bg-gray-600">3</button>
572
+ <button class="px-3 py-1 bg-gray-700 text-white rounded hover:bg-gray-600">
573
+ <i class="fas fa-chevron-right"></i>
574
+ </button>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ </div>
579
+ </div>
580
+ </div>
581
+ </div>
582
+
583
+ <script>
584
+ // Gestion de l'authentification
585
+ document.addEventListener('DOMContentLoaded', function() {
586
+ const authContainer = document.getElementById('authContainer');
587
+ const dashboard = document.getElementById('dashboard');
588
+ const loginForm = document.getElementById('loginForm');
589
+ const registerForm = document.getElementById('registerForm');
590
+ const loginTab = document.getElementById('loginTab');
591
+ const registerTab = document.getElementById('registerTab');
592
+ const switchToRegister = document.getElementById('switchToRegister');
593
+ const switchToLogin = document.getElementById('switchToLogin');
594
+ const loginBtn = document.getElementById('loginBtn');
595
+ const registerBtn = document.getElementById('registerBtn');
596
+
597
+ // Vérifier si l'utilisateur est déjà connecté (dans un cas réel, utiliser un token JWT ou session)
598
+ const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true';
599
+ const isSubscribed = localStorage.getItem('isSubscribed') === 'true';
600
+
601
+ if(isLoggedIn && isSubscribed) {
602
+ authContainer.style.display = 'none';
603
+ dashboard.classList.remove('hidden');
604
+ } else {
605
+ authContainer.style.display = 'flex';
606
+ dashboard.classList.add('hidden');
607
+ }
608
+
609
+ // Basculer entre les formulaires de connexion et d'inscription
610
+ switchToRegister.addEventListener('click', function() {
611
+ loginForm.classList.add('hidden');
612
+ registerForm.classList.remove('hidden');
613
+ loginTab.classList.remove('active');
614
+ loginTab.classList.add('text-gray-400');
615
+ registerTab.classList.add('active', 'gradient-text');
616
+ registerTab.classList.remove('text-gray-400');
617
+ });
618
+
619
+ switchToLogin.addEventListener('click', function() {
620
+ registerForm.classList.add('hidden');
621
+ loginForm.classList.remove('hidden');
622
+ registerTab.classList.remove('active', 'gradient-text');
623
+ registerTab.classList.add('text-gray-400');
624
+ loginTab.classList.add('active', 'gradient-text');
625
+ loginTab.classList.remove('text-gray-400');
626
+ });
627
+
628
+ // Connexion
629
+ loginBtn.addEventListener('click', function() {
630
+ const email = document.getElementById('loginEmail').value;
631
+ const password = document.getElementById('loginPassword').value;
632
+
633
+ // Validation simple (dans un cas réel, utiliser une validation plus robuste)
634
+ if(email && password) {
635
+ // Simuler une vérification d'abonnement
636
+ const isSubscribed = Math.random() > 0.2; // 80% de chance d'être abonné
637
+
638
+ if(isSubscribed) {
639
+ localStorage.setItem('isLoggedIn', 'true');
640
+ localStorage.setItem('isSubscribed', 'true');
641
+ authContainer.style.display = 'none';
642
+ dashboard.classList.remove('hidden');
643
+
644
+ // Mettre à jour le nom de l'utilisateur dans le tableau de bord
645
+ document.querySelector('.text-sm.font-medium.text-white').textContent = email.split('@')[0];
646
+ } else {
647
+ alert('Vous devez vous abonner pour accéder au tableau de bord.');
648
+ }
649
+ } else {
650
+ alert('Veuillez entrer un email et un mot de passe valides.');
651
+ }
652
+ });
653
+
654
+ // Inscription
655
+ registerBtn.addEventListener('click', function() {
656
+ const name = document.getElementById('registerName').value;
657
+ const email = document.getElementById('registerEmail').value;
658
+ const password = document.getElementById('registerPassword').value;
659
+ const confirmPassword = document.getElementById('registerConfirmPassword').value;
660
+ const acceptTerms = document.getElementById('acceptTerms').checked;
661
+
662
+ // Validation simple
663
+ if(name && email && password && confirmPassword && acceptTerms) {
664
+ if(password === confirmPassword) {
665
+ // Simuler un processus d'inscription et d'abonnement
666
+ localStorage.setItem('isLoggedIn', 'true');
667
+ localStorage.setItem('isSubscribed', 'true');
668
+ authContainer.style.display = 'none';
669
+ dashboard.classList.remove('hidden');
670
+
671
+ // Mettre à jour le nom de l'utilisateur dans le tableau de bord
672
+ document.querySelector('.text-sm.font-medium.text-white').textContent = name;
673
+
674
+ alert('Inscription réussie! Votre abonnement est actif.');
675
+ } else {
676
+ alert('Les mots de passe ne correspondent pas.');
677
+ }
678
+ } else {
679
+ alert('Veuillez remplir tous les champs et accepter les conditions.');
680
+ }
681
+ });
682
+
683
+ // Activer tous les boutons automatiquement (une fois connecté)
684
+ if(isLoggedIn && isSubscribed) {
685
+ // Activer le toggle d'autopilotage
686
+ const autopilotToggle = document.getElementById('autopilot');
687
+ autopilotToggle.checked = true;
688
+
689
+ // Simuler des actions automatiques
690
+ setInterval(() => {
691
+ // Faire clignoter le bouton d'autopilotage
692
+ const autoBtn = document.querySelector('.auto-pilot');
693
+ if(autoBtn) autoBtn.classList.toggle('glow');
694
+
695
+ // Mettre à jour les stats aléatoirement
696
+ const stats = document.querySelectorAll('.text-2xl');
697
+ stats.forEach(stat => {
698
+ if(stat.textContent.includes('$')) {
699
+ const current = parseFloat(stat.textContent.replace('$', '').replace(',', ''));
700
+ const change = (Math.random() * 100 - 50);
701
+ const newValue = Math.max(0, current + change);
702
+ stat.textContent = '$' + newValue.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
703
+ } else if(!isNaN(parseInt(stat.textContent))) {
704
+ const current = parseInt(stat.textContent);
705
+ const change = Math.floor(Math.random() * 3);
706
+ stat.textContent = current + change;
707
+ }
708
+ });
709
+
710
+ // Ajouter une nouvelle transaction fictive
711
+ const tableBody = document.querySelector('tbody');
712
+ if(tableBody) {
713
+ const newRow = document.createElement('tr');
714
+ const randomId = Math.floor(Math.random() * 90000) + 10000;
715
+ const amount = (Math.random() * 2000 + 100).toFixed(2);
716
+ const methods = [
717
+ {icon: 'fab fa-cc-stripe', color: 'text-purple-500', name: 'Stripe'},
718
+ {icon: 'fab fa-paypal', color: 'text-blue-500', name: 'PayPal'},
719
+ {icon: 'fab fa-bitcoin', color: 'text-orange-500', name: 'Crypto'},
720
+ {icon: 'fas fa-university', color: 'text-gray-500', name: 'Virement Bancaire'}
721
+ ];
722
+ const randomMethod = methods[Math.floor(Math.random() * methods.length)];
723
+ const statuses = [
724
+ {class: 'status-active', icon: 'fa-check-circle', text: 'Complété'},
725
+ {class: 'status-pending', icon: 'fa-clock', text: 'En attente'},
726
+ {class: 'status-canceled', icon: 'fa-times-circle', text: 'Annulé'}
727
+ ];
728
+ const randomStatus = statuses[Math.floor(Math.random() * statuses.length)];
729
+
730
+ newRow.innerHTML = `
731
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-white">#TX${randomId}</td>
732
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">${new Date().toLocaleDateString()}</td>
733
+ <td class="px-6 py-4 whitespace-nowrap text-sm ${amount.startsWith('-') ? 'text-red-500' : 'text-green-500'} font-bold">${amount.startsWith('-') ? '' : '+'}$${Math.abs(parseFloat(amount)).toFixed(2)}</td>
734
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
735
+ <div class="flex items-center">
736
+ <i class="${randomMethod.icon} mr-2 ${randomMethod.color}"></i> ${randomMethod.name}
737
+ </div>
738
+ </td>
739
+ <td class="px-6 py-4 whitespace-nowrap">
740
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${randomStatus.class}">
741
+ <i class="fas ${randomStatus.icon} mr-1"></i> ${randomStatus.text}
742
+ </span>
743
+ </td>
744
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300">
745
+ <button class="text-blue-500 hover:text-blue-400 mr-3">
746
+ <i class="fas fa-eye"></i>
747
+ </button>
748
+ <button class="text-green-500 hover:text-green-400">
749
+ <i class="fas fa-download"></i>
750
+ </button>
751
+ </td>
752
+ `;
753
+
754
+ tableBody.prepend(newRow);
755
+
756
+ // Limiter à 5 transactions affichées
757
+ if(tableBody.children.length > 5) {
758
+ tableBody.removeChild(tableBody.lastChild);
759
+ }
760
+ }
761
+ }, 5000);
762
+
763
+ // Gestion des clics sur les boutons
764
+ document.querySelectorAll('button').forEach(button => {
765
+ button.addEventListener('click', function() {
766
+ // Animation de clic
767
+ this.classList.add('transform', 'scale-95');
768
+ setTimeout(() => {
769
+ this.classList.remove('transform', 'scale-95');
770
+ }, 150);
771
+
772
+ // Actions spécifiques
773
+ if(this.innerHTML.includes('Démarrer')) {
774
+ alert('Système d\'autopilotage activé avec succès!');
775
+ } else if(this.innerHTML.includes('Arrêter')) {
776
+ if(confirm('Voulez-vous vraiment arrêter l\'autopilotage?')) {
777
+ document.getElementById('autopilot').checked = false;
778
+ alert('Système d\'autopilotage arrêté.');
779
+ }
780
+ }
781
+ });
782
+ });
783
+ }
784
+ });
785
+ </script>
786
+ <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/cours-en-ligne" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
787
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ COURS ACADEMY et facture 25 $/mois par étudiant... Déployez instantanément des avatars d'IA qui coacheront les étudiants dans n'importe quelle langue que vous pouvez imaginer Aucune expérience requise Si vous pouvez faire quelques clics, vous pouvez lancer votre propre plateforme Fonctionne dans plus de 99 langues : espagnol, français, hindi, allemand, arabe et plus encore. Facturez 49 $/mois ou plus. Vous fixez le prix et conservez 100 % des bénéfices. Page de destination pré-construite incluse. Personnalisez et partagez simplement votre lien. Connectez n'importe quelle passerelle de paiement Stripe, PayPal, Razorpay, etc. Hébergement et sécurité de sites Web automatisés Pas de frais supplémentaires, pas de configuration technique, l'IA gère tout. Aucun abonnement, aucun coût d'API, aucun frais caché Outils de monétisation intelligents de l'IA Ajoutez des ventes incitatives, des abonnements et des intégrations de paiement en un seul clic. Vous ne parlez aucune langue ? Aucun problème. L'IA s'occupe de tout. Pas d'enseignement. Pas de discussion. Pas de temps à perdre. Il suffit de l'installer une fois et de le laisser fonctionner. Les étudiants APPREND 24h/24 et 7j/7 Votre avatar IA ne dort jamais, n'annule jamais, ne se plaint jamais Contenu et image de marque générés par l'IA Les sites Web sont pré-remplis avec du contenu professionnel, des images et une image de marque. Les outils marketing intégrés génèrent automatiquement du trafic, des prospects et des ventes ! Suivez les revenus, les sites clients et la croissance de l'entreprise en temps réel. Acquisition de clients clé en main JE VEUX UNE VERSION FUTURISTE ET TRES ANIME
2
+ activer toutes boutons en automatique sur systémé autopilotage , je veux pas de site de démos ou d'exemple je veux un vrais site avec tableau de bord pour mes information de paiement
3
+ JE VEUX QUE LE TABLEAU DE BORD EST RESERVER QUE POUR MOI . LES AUTRES DEVRONT SABONNER ET SINSCRIRE POUR AVOIR ACCES AU SITE