Hugging Face's logo

Spaces:
docto41
/
course-gen
Running

App Files Community
docto41 commited on
Commit
c7e4418
·
verified ·
1 Parent(s): 07c9ee2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +283 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Course Gen
3
- emoji: 🐢
4
- colorFrom: green
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: course-gen
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: yellow
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,283 @@
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>Mega AI Course Generator - Futuriste</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
+ :root {
11
+ --primary: #6e48aa;
12
+ --secondary: #9d50bb;
13
+ --accent: #4776E6;
14
+ --dark: #1a1a2e;
15
+ --light: #f8f9fa;
16
+ }
17
+
18
+ body {
19
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
20
+ background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
21
+ color: white;
22
+ overflow-x: hidden;
23
+ }
24
+
25
+ .neon-text {
26
+ text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #ff00de, 0 0 20px #ff00de;
27
+ }
28
+
29
+ .glow-box {
30
+ box-shadow: 0 0 15px rgba(110, 72, 170, 0.7);
31
+ transition: all 0.3s ease;
32
+ }
33
+
34
+ .glow-box:hover {
35
+ box-shadow: 0 0 25px rgba(110, 72, 170, 0.9);
36
+ transform: translateY(-5px);
37
+ }
38
+
39
+ .course-btn {
40
+ background: linear-gradient(45deg, var(--primary), var(--secondary));
41
+ border: none;
42
+ color: white;
43
+ padding: 12px 20px;
44
+ margin: 5px;
45
+ border-radius: 50px;
46
+ cursor: pointer;
47
+ transition: all 0.3s ease;
48
+ font-weight: bold;
49
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
50
+ }
51
+
52
+ .course-btn:hover {
53
+ transform: scale(1.05);
54
+ box-shadow: 0 0 15px rgba(110, 72, 170, 0.7);
55
+ }
56
+
57
+ .grid-container {
58
+ display: grid;
59
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
60
+ gap: 15px;
61
+ }
62
+
63
+ .dashboard-card {
64
+ background: rgba(255, 255, 255, 0.05);
65
+ backdrop-filter: blur(10px);
66
+ border: 1px solid rgba(255, 255, 255, 0.1);
67
+ }
68
+
69
+ .holographic-effect {
70
+ position: relative;
71
+ overflow: hidden;
72
+ }
73
+
74
+ .holographic-effect::before {
75
+ content: '';
76
+ position: absolute;
77
+ top: -50%;
78
+ left: -50%;
79
+ width: 200%;
80
+ height: 200%;
81
+ background: linear-gradient(
82
+ to bottom right,
83
+ rgba(255, 255, 255, 0) 0%,
84
+ rgba(255, 255, 255, 0.1) 50%,
85
+ rgba(255, 255, 255, 0) 100%
86
+ );
87
+ transform: rotate(30deg);
88
+ animation: shine 3s infinite;
89
+ }
90
+
91
+ @keyframes shine {
92
+ 0% { transform: translateX(-100%) rotate(30deg); }
93
+ 100% { transform: translateX(100%) rotate(30deg); }
94
+ }
95
+
96
+ .payment-btn {
97
+ padding: 15px 30px;
98
+ font-size: 18px;
99
+ border-radius: 10px;
100
+ font-weight: bold;
101
+ transition: all 0.3s;
102
+ }
103
+
104
+ .paypal-btn {
105
+ background: linear-gradient(135deg, #253B80 0%, #179BD7 100%);
106
+ color: white;
107
+ }
108
+
109
+ .stripe-btn {
110
+ background: linear-gradient(135deg, #6772E5 0%, #00A4EF 100%);
111
+ color: white;
112
+ }
113
+
114
+ .payment-btn:hover {
115
+ transform: translateY(-3px);
116
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
117
+ }
118
+
119
+ .cart-item {
120
+ background: rgba(255, 255, 255, 0.05);
121
+ border-radius: 10px;
122
+ padding: 15px;
123
+ margin-bottom: 10px;
124
+ }
125
+
126
+ .scrollbar-hide::-webkit-scrollbar {
127
+ display: none;
128
+ }
129
+
130
+ .scrollbar-hide {
131
+ -ms-overflow-style: none;
132
+ scrollbar-width: none;
133
+ }
134
+ </style>
135
+ </head>
136
+ <body class="min-h-screen">
137
+ <!-- Navigation Futuriste -->
138
+ <nav class="bg-black bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-purple-900 fixed w-full z-50">
139
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
140
+ <div class="flex items-center justify-between h-16">
141
+ <div class="flex items-center">
142
+ <div class="flex-shrink-0">
143
+ <span class="text-2xl font-bold neon-text">AI<span class="text-purple-400">COURSE</span>GEN</span>
144
+ </div>
145
+ <div class="hidden md:block">
146
+ <div class="ml-10 flex items-baseline space-x-4">
147
+ <a href="#" class="text-purple-400 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Accueil</a>
148
+ <a href="#dashboard" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Dashboard</a>
149
+ <a href="#courses" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Cours IA</a>
150
+ <a href="#payment" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Paiements</a>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ <div class="flex items-center">
155
+ <div class="relative">
156
+ <button id="cartBtn" class="p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
157
+ <span class="sr-only">Panier</span>
158
+ <i class="fas fa-shopping-cart text-xl"></i>
159
+ <span id="cartCount" class="absolute -top-2 -right-2 bg-purple-600 text-white text-xs font-bold rounded-full h-6 w-6 flex items-center justify-center">0</span>
160
+ </button>
161
+ </div>
162
+ <div class="ml-4 relative">
163
+ <button id="userMenuBtn" class="flex items-center text-sm rounded-full focus:outline-none">
164
+ <span class="sr-only">Menu utilisateur</span>
165
+ <div class="h-8 w-8 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 flex items-center justify-center">
166
+ <i class="fas fa-user text-white"></i>
167
+ </div>
168
+ </button>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ </nav>
174
+
175
+ <!-- Overlay Panier -->
176
+ <div id="cartOverlay" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden">
177
+ <div class="absolute top-0 right-0 h-full w-96 bg-gray-900 shadow-xl transform transition-transform duration-300 ease-in-out">
178
+ <div class="p-6 h-full flex flex-col">
179
+ <div class="flex justify-between items-center mb-6">
180
+ <h2 class="text-xl font-bold text-white">Votre Panier</h2>
181
+ <button id="closeCartBtn" class="text-gray-400 hover:text-white">
182
+ <i class="fas fa-times text-xl"></i>
183
+ </button>
184
+ </div>
185
+ <div id="cartItems" class="flex-1 overflow-y-auto scrollbar-hide mb-4">
186
+ <!-- Les éléments du panier seront ajoutés ici dynamiquement -->
187
+ <p class="text-gray-400 text-center py-10">Votre panier est vide</p>
188
+ </div>
189
+ <div class="border-t border-gray-700 pt-4">
190
+ <div class="flex justify-between mb-4">
191
+ <span class="text-gray-300">Total:</span>
192
+ <span id="cartTotal" class="text-xl font-bold">0.00 €</span>
193
+ </div>
194
+ <button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-3 rounded-lg font-bold transition duration-200">
195
+ Payer maintenant
196
+ </button>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+
202
+ <!-- Overlay Connexion -->
203
+ <div id="loginOverlay" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden flex items-center justify-center">
204
+ <div class="bg-gray-900 rounded-xl p-8 w-full max-w-md glow-box">
205
+ <div class="text-center mb-8">
206
+ <h2 class="text-2xl font-bold text-white mb-2">Connexion</h2>
207
+ <p class="text-gray-400">Accédez à votre tableau de bord</p>
208
+ </div>
209
+ <form id="loginForm" class="space-y-6">
210
+ <div>
211
+ <label for="email" class="block text-sm font-medium text-gray-300 mb-1">Email</label>
212
+ <input type="email" id="email" name="email" required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent text-white">
213
+ </div>
214
+ <div>
215
+ <label for="password" class="block text-sm font-medium text-gray-300 mb-1">Mot de passe</label>
216
+ <input type="password" id="password" name="password" required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent text-white">
217
+ </div>
218
+ <div class="flex items-center justify-between">
219
+ <div class="flex items-center">
220
+ <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-700 rounded">
221
+ <label for="remember-me" class="ml-2 block text-sm text-gray-300">Se souvenir de moi</label>
222
+ </div>
223
+ <a href="#" class="text-sm text-purple-400 hover:text-purple-300">Mot de passe oublié?</a>
224
+ </div>
225
+ <div>
226
+ <button type="submit" class="w-full bg-gradient-to-r from-purple-600 to-blue-500 text-white py-3 px-4 rounded-lg font-bold hover:opacity-90 transition duration-200">
227
+ Se connecter
228
+ </button>
229
+ </div>
230
+ </form>
231
+ <div class="mt-6 text-center">
232
+ <p class="text-gray-400">Pas encore de compte? <a href="#" class="text-purple-400 hover:text-purple-300 font-medium">S'abonner</a></p>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <!-- Contenu Principal -->
238
+ <main class="pt-20 pb-16">
239
+ <!-- Hero Section -->
240
+ <section class="relative overflow-hidden">
241
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
242
+ <div class="text-center">
243
+ <h1 class="text-5xl md:text-6xl font-extrabold tracking-tight text-white mb-6">
244
+ <span class="block neon-text">GÉNÉRATEUR DE COURS IA</span>
245
+ <span class="block bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-600">990099 Assistants IA</span>
246
+ </h1>
247
+ <p class="mt-6 max-w-lg mx-auto text-xl text-gray-300">
248
+ La plus grande plateforme de cours en ligne alimentée par l'IA. Accédez à des milliers de cours dans tous les domaines.
249
+ </p>
250
+ <div class="mt-10 flex justify-center space-x-4">
251
+ <button class="payment-btn paypal-btn">
252
+ <i class="fab fa-paypal mr-2"></i> S'abonner avec PayPal
253
+ </button>
254
+ <button class="payment-btn stripe-btn">
255
+ <i class="fab fa-stripe mr-2"></i> S'abonner avec Stripe
256
+ </button>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ <div class="absolute inset-0 -z-10">
261
+ <div class="absolute inset-0 bg-gradient-to-b from-transparent to-black opacity-90"></div>
262
+ <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1639762681057-408e52192e55?q=80&w=2232&auto=format&fit=crop')] bg-cover bg-center opacity-20"></div>
263
+ </div>
264
+ </section>
265
+
266
+ <!-- Section Tableau de Bord (Admin) -->
267
+ <section id="dashboard" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
268
+ <h2 class="text-3xl font-bold text-white mb-8 text-center glow-box inline-block px-6 py-3 rounded-lg">Tableau de Bord Admin</h2>
269
+
270
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
271
+ <div class="dashboard-card rounded-xl p-6 holographic-effect">
272
+ <div class="flex items-center">
273
+ <div class="p-3 rounded-full bg-purple-600 bg-opacity-20 mr-4">
274
+ <i class="fas fa-users text-purple-400 text-xl"></i>
275
+ </div>
276
+ <div>
277
+ <p class="text-gray-400 text-sm">Utilisateurs</p>
278
+ <h3 class="text-2xl font-bold text-white">1,248</h3>
279
+ </div>
280
+ </div>
281
+ </div>
282
+ <
283
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ je veux creer le plus gigantesque générateur de site de cours en ligne marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA dans toutes les domaine de courses en ligne, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@ avec une interface futiriste