Hugging Face's logo

Spaces:
docto41
/
auto-buttons
Running

App Files Community
docto41 commited on
Commit
b588e38
·
verified ·
1 Parent(s): f19198e

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +305 -304
  2. prompts.txt +6 -1
index.html CHANGED
@@ -3,18 +3,33 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>AutoButtons - Boutons Automatiques</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
- .category-card {
11
  transition: all 0.3s ease;
 
 
 
12
  }
13
- .category-card:hover {
14
- transform: translateY(-5px);
15
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 
16
  }
17
- .btn-generator {
 
 
 
 
 
 
 
 
 
 
 
18
  animation: pulse 2s infinite;
19
  }
20
  @keyframes pulse {
@@ -22,346 +37,332 @@
22
  50% { transform: scale(1.05); }
23
  100% { transform: scale(1); }
24
  }
25
- .domain-btn {
26
- transition: all 0.2s ease;
 
 
 
 
 
 
 
 
 
 
 
 
27
  }
28
- .domain-btn:hover {
29
- transform: scale(1.05);
 
 
 
 
 
 
 
 
 
30
  }
31
  </style>
32
  </head>
33
- <body class="bg-gray-100 min-h-screen">
34
- <!-- Header -->
35
- <header class="bg-gradient-to-r from-blue-600 to-purple-600 text-white shadow-lg">
36
- <div class="container mx-auto px-4 py-6">
37
- <div class="flex flex-col md:flex-row justify-between items-center">
38
- <div class="flex items-center mb-4 md:mb-0">
39
- <i class="fas fa-bolt text-3xl mr-3"></i>
40
- <h1 class="text-3xl font-bold">Auto<span class="text-yellow-300">Buttons</span></h1>
 
 
 
 
 
41
  </div>
42
- <div class="relative w-full md:w-64">
43
- <input type="text" placeholder="Rechercher un domaine..."
44
- class="w-full px-4 py-2 rounded-full text-gray-800 focus:outline-none">
45
- <button class="absolute right-3 top-2 text-gray-500">
46
- <i class="fas fa-search"></i>
47
  </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
  </div>
49
  </div>
50
  </div>
51
  </header>
52
 
53
  <!-- Main Content -->
54
- <main class="container mx-auto px-4 py-8">
55
- <!-- Generator Section -->
56
- <section class="bg-white rounded-xl shadow-md p-6 mb-8 text-center">
57
- <h2 class="text-2xl font-bold mb-4 text-gray-800">Générateur de Boutons Automatiques</h2>
58
- <p class="text-gray-600 mb-6">Générez instantanément des boutons pour n'importe quel domaine</p>
59
- <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4">
60
- <input type="text" placeholder="Entrez un domaine..."
61
- class="px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 w-full sm:w-64">
62
- <button class="btn-generator bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-semibold">
63
- <i class="fas fa-magic mr-2"></i> Générer
64
- </button>
 
 
 
 
 
 
 
 
 
 
 
 
65
  </div>
66
  </section>
67
 
68
- <!-- Categories Grid -->
69
  <section>
70
- <h2 class="text-2xl font-bold mb-6 text-gray-800">Domaines Populaires</h2>
71
-
72
- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
73
- <!-- E-commerce -->
74
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
75
- <div class="bg-gradient-to-r from-orange-500 to-pink-500 p-4 text-white">
76
- <div class="flex items-center">
77
- <i class="fas fa-shopping-cart text-2xl mr-3"></i>
78
- <h3 class="text-xl font-bold">E-commerce</h3>
79
- </div>
80
- </div>
81
- <div class="p-4 grid grid-cols-2 gap-3">
82
- <button onclick="openNewWindow('Amazon')" class="domain-btn bg-orange-100 hover:bg-orange-200 text-orange-800 px-3 py-2 rounded-lg text-sm font-medium">
83
- Amazon
84
- </button>
85
- <button onclick="openNewWindow('eBay')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
86
- eBay
87
- </button>
88
- <button onclick="openNewWindow('AliExpress')" class="domain-btn bg-red-100 hover:bg-red-200 text-red-800 px-3 py-2 rounded-lg text-sm font-medium">
89
- AliExpress
90
- </button>
91
- <button onclick="openNewWindow('Etsy')" class="domain-btn bg-green-100 hover:bg-green-200 text-green-800 px-3 py-2 rounded-lg text-sm font-medium">
92
- Etsy
93
- </button>
94
- <button onclick="openNewWindow('Walmart')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
95
- Walmart
96
- </button>
97
- <button onclick="openNewWindow('Best Buy')" class="domain-btn bg-yellow-100 hover:bg-yellow-200 text-yellow-800 px-3 py-2 rounded-lg text-sm font-medium">
98
- Best Buy
99
- </button>
100
- </div>
101
- </div>
102
-
103
- <!-- Réseaux Sociaux -->
104
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
105
- <div class="bg-gradient-to-r from-blue-400 to-blue-600 p-4 text-white">
106
- <div class="flex items-center">
107
- <i class="fas fa-users text-2xl mr-3"></i>
108
- <h3 class="text-xl font-bold">Réseaux Sociaux</h3>
109
- </div>
110
- </div>
111
- <div class="p-4 grid grid-cols-2 gap-3">
112
- <button onclick="openNewWindow('Facebook')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
113
- Facebook
114
- </button>
115
- <button onclick="openNewWindow('Instagram')" class="domain-btn bg-pink-100 hover:bg-pink-200 text-pink-800 px-3 py-2 rounded-lg text-sm font-medium">
116
- Instagram
117
- </button>
118
- <button onclick="openNewWindow('Twitter')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
119
- Twitter
120
- </button>
121
- <button onclick="openNewWindow('LinkedIn')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
122
- LinkedIn
123
- </button>
124
- <button onclick="openNewWindow('TikTok')" class="domain-btn bg-black bg-opacity-10 hover:bg-opacity-20 text-black px-3 py-2 rounded-lg text-sm font-medium">
125
- TikTok
126
- </button>
127
- <button onclick="openNewWindow('Pinterest')" class="domain-btn bg-red-100 hover:bg-red-200 text-red-800 px-3 py-2 rounded-lg text-sm font-medium">
128
- Pinterest
129
- </button>
130
  </div>
131
- </div>
132
-
133
- <!-- Divertissement -->
134
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
135
- <div class="bg-gradient-to-r from-purple-500 to-indigo-500 p-4 text-white">
136
- <div class="flex items-center">
137
- <i class="fas fa-film text-2xl mr-3"></i>
138
- <h3 class="text-xl font-bold">Divertissement</h3>
139
- </div>
140
- </div>
141
- <div class="p-4 grid grid-cols-2 gap-3">
142
- <button onclick="openNewWindow('Netflix')" class="domain-btn bg-red-100 hover:bg-red-200 text-red-800 px-3 py-2 rounded-lg text-sm font-medium">
143
- Netflix
144
- </button>
145
- <button onclick="openNewWindow('YouTube')" class="domain-btn bg-red-100 hover:bg-red-200 text-red-800 px-3 py-2 rounded-lg text-sm font-medium">
146
- YouTube
147
- </button>
148
- <button onclick="openNewWindow('Spotify')" class="domain-btn bg-green-100 hover:bg-green-200 text-green-800 px-3 py-2 rounded-lg text-sm font-medium">
149
- Spotify
150
- </button>
151
- <button onclick="openNewWindow('Twitch')" class="domain-btn bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-2 rounded-lg text-sm font-medium">
152
- Twitch
153
- </button>
154
- <button onclick="openNewWindow('Disney+')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
155
- Disney+
156
- </button>
157
- <button onclick="openNewWindow('HBO Max')" class="domain-btn bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-2 rounded-lg text-sm font-medium">
158
- HBO Max
159
- </button>
160
- </div>
161
- </div>
162
-
163
- <!-- Technologie -->
164
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
165
- <div class="bg-gradient-to-r from-green-500 to-teal-500 p-4 text-white">
166
- <div class="flex items-center">
167
- <i class="fas fa-laptop-code text-2xl mr-3"></i>
168
- <h3 class="text-xl font-bold">Technologie</h3>
169
- </div>
170
- </div>
171
- <div class="p-4 grid grid-cols-2 gap-3">
172
- <button onclick="openNewWindow('Apple')" class="domain-btn bg-gray-100 hover:bg-gray-200 text-gray-800 px-3 py-2 rounded-lg text-sm font-medium">
173
- Apple
174
- </button>
175
- <button onclick="openNewWindow('Microsoft')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
176
- Microsoft
177
- </button>
178
- <button onclick="openNewWindow('Google')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
179
- Google
180
- </button>
181
- <button onclick="openNewWindow('Samsung')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
182
- Samsung
183
- </button>
184
- <button onclick="openNewWindow('GitHub')" class="domain-btn bg-gray-100 hover:bg-gray-200 text-gray-800 px-3 py-2 rounded-lg text-sm font-medium">
185
- GitHub
186
- </button>
187
- <button onclick="openNewWindow('Tesla')" class="domain-btn bg-red-100 hover:bg-red-200 text-red-800 px-3 py-2 rounded-lg text-sm font-medium">
188
- Tesla
189
- </button>
190
- </div>
191
- </div>
192
-
193
- <!-- Voyages -->
194
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
195
- <div class="bg-gradient-to-r from-yellow-500 to-orange-500 p-4 text-white">
196
- <div class="flex items-center">
197
- <i class="fas fa-plane text-2xl mr-3"></i>
198
- <h3 class="text-xl font-bold">Voyages</h3>
199
- </div>
200
- </div>
201
- <div class="p-4 grid grid-cols-2 gap-3">
202
- <button onclick="openNewWindow('Booking.com')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
203
- Booking.com
204
- </button>
205
- <button onclick="openNewWindow('Airbnb')" class="domain-btn bg-pink-100 hover:bg-pink-200 text-pink-800 px-3 py-2 rounded-lg text-sm font-medium">
206
- Airbnb
207
- </button>
208
- <button onclick="openNewWindow('Expedia')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
209
- Expedia
210
- </button>
211
- <button onclick="openNewWindow('Kayak')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
212
- Kayak
213
- </button>
214
- <button onclick="openNewWindow('TripAdvisor')" class="domain-btn bg-green-100 hover:bg-green-200 text-green-800 px-3 py-2 rounded-lg text-sm font-medium">
215
- TripAdvisor
216
- </button>
217
- <button onclick="openNewWindow('Uber')" class="domain-btn bg-black bg-opacity-10 hover:bg-opacity-20 text-black px-3 py-2 rounded-lg text-sm font-medium">
218
- Uber
219
- </button>
220
- </div>
221
- </div>
222
-
223
- <!-- Finance -->
224
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
225
- <div class="bg-gradient-to-r from-green-600 to-emerald-600 p-4 text-white">
226
- <div class="flex items-center">
227
- <i class="fas fa-chart-line text-2xl mr-3"></i>
228
- <h3 class="text-xl font-bold">Finance</h3>
229
- </div>
230
- </div>
231
- <div class="p-4 grid grid-cols-2 gap-3">
232
- <button onclick="openNewWindow('PayPal')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
233
- PayPal
234
- </button>
235
- <button onclick="openNewWindow('Robinhood')" class="domain-btn bg-green-100 hover:bg-green-200 text-green-800 px-3 py-2 rounded-lg text-sm font-medium">
236
- Robinhood
237
- </button>
238
- <button onclick="openNewWindow('Coinbase')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
239
- Coinbase
240
- </button>
241
- <button onclick="openNewWindow('eToro')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
242
- eToro
243
- </button>
244
- <button onclick="openNewWindow('Revolut')" class="domain-btn bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-2 rounded-lg text-sm font-medium">
245
- Revolut
246
- </button>
247
- <button onclick="openNewWindow('Binance')" class="domain-btn bg-yellow-100 hover:bg-yellow-200 text-yellow-800 px-3 py-2 rounded-lg text-sm font-medium">
248
- Binance
249
- </button>
250
  </div>
251
  </div>
252
  </div>
 
 
 
 
 
 
 
 
 
253
  </section>
254
-
255
- <!-- More Button -->
256
- <div class="text-center mt-10">
257
- <button id="loadMore" class="bg-gradient-to-r from-blue-500 to-purple-500 hover:from-blue-600 hover:to-purple-600 text-white px-6 py-3 rounded-full font-semibold shadow-lg">
258
- <i class="fas fa-plus-circle mr-2"></i> Charger plus de boutons
259
- </button>
260
- </div>
261
  </main>
262
 
263
  <!-- Footer -->
264
- <footer class="bg-gray-800 text-white py-8">
265
  <div class="container mx-auto px-4">
266
- <div class="flex flex-col md:flex-row justify-between items-center">
267
- <div class="mb-4 md:mb-0">
268
- <div class="flex items-center">
269
- <i class="fas fa-bolt text-2xl mr-2 text-yellow-300"></i>
270
- <span class="text-xl font-bold">AutoButtons</span>
271
- </div>
272
- <p class="text-gray-400 mt-2">Des millions de boutons à portée de clic</p>
273
  </div>
274
- <div class="flex space-x-4">
275
- <a href="#" class="text-gray-400 hover:text-white">
276
- <i class="fab fa-facebook-f"></i>
277
- </a>
278
- <a href="#" class="text-gray-400 hover:text-white">
279
- <i class="fab fa-twitter"></i>
280
- </a>
281
- <a href="#" class="text-gray-400 hover:text-white">
282
- <i class="fab fa-instagram"></i>
283
- </a>
284
- <a href="#" class="text-gray-400 hover:text-white">
285
- <i class="fab fa-github"></i>
286
- </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
287
  </div>
288
  </div>
289
- <div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400">
290
- <p>© 2023 AutoButtons. Tous droits réservés.</p>
291
  </div>
292
  </div>
293
  </footer>
294
 
295
  <script>
296
- // Fonction pour ouvrir une nouvelle fenêtre
297
- function openNewWindow(domain) {
298
- // Simulation d'ouverture dans une nouvelle fenêtre
299
- alert(`Ouverture de ${domain} dans une nouvelle fenêtre...`);
300
- // En production, vous utiliseriez: window.open(`https://www.${domain.toLowerCase()}.com`, '_blank');
301
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
302
 
303
- // Générateur de boutons dynamiques
304
- document.getElementById('loadMore').addEventListener('click', function() {
305
- const categories = ['Santé', 'Éducation', 'Sport', 'Nourriture', 'Mode', 'Jeux', 'Musique', 'Actualités'];
306
- const domains = {
307
- 'Santé': ['WebMD', 'MayoClinic', 'Healthline', 'Medscape', 'NIH', 'WHO'],
308
- 'Éducation': ['Coursera', 'KhanAcademy', 'edX', 'Udemy', 'Duolingo', 'Skillshare'],
309
- 'Sport': ['ESPN', 'NBA', 'NFL', 'FIFA', 'UFC', 'Olympics'],
310
- 'Nourriture': ['AllRecipes', 'FoodNetwork', 'Yummly', 'Delish', 'BonAppetit', 'SeriousEats'],
311
- 'Mode': ['Vogue', 'GQ', 'HarpersBazaar', 'Elle', 'Refinery29', 'WhoWhatWear'],
312
- 'Jeux': ['Steam', 'EpicGames', 'Xbox', 'PlayStation', 'Nintendo', 'Ubisoft'],
313
- 'Musique': ['SoundCloud', 'Bandcamp', 'Pandora', 'Deezer', 'Tidal', 'AppleMusic'],
314
- 'Actualités': ['BBC', 'CNN', 'Reuters', 'AP', 'AlJazeera', 'TheGuardian']
315
- };
316
 
317
- const main = document.querySelector('main');
318
- const newSection = document.createElement('section');
319
- newSection.className = 'mt-8';
320
- newSection.innerHTML = `
321
- <h2 class="text-2xl font-bold mb-6 text-gray-800">Plus de Domaines</h2>
322
- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
323
- ${categories.map(cat => `
324
- <div class="category-card bg-white rounded-xl shadow-md overflow-hidden">
325
- <div class="bg-gradient-to-r from-${getRandomColor()}-500 to-${getRandomColor()}-500 p-4 text-white">
326
- <div class="flex items-center">
327
- <i class="fas fa-${getRandomIcon(cat)} text-2xl mr-3"></i>
328
- <h3 class="text-xl font-bold">${cat}</h3>
329
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
330
  </div>
331
- <div class="p-4 grid grid-cols-2 gap-3">
332
- ${domains[cat].map(domain => `
333
- <button onclick="openNewWindow('${domain}')" class="domain-btn bg-${getRandomColor()}-100 hover:bg-${getRandomColor()}-200 text-${getRandomColor()}-800 px-3 py-2 rounded-lg text-sm font-medium">
334
- ${domain}
335
- </button>
336
- `).join('')}
 
 
 
337
  </div>
338
  </div>
339
- `).join('')}
340
- </div>
341
- `;
342
-
343
- main.insertBefore(newSection, document.querySelector('footer'));
344
- this.textContent = 'Encore plus de boutons!';
345
- });
 
 
 
 
 
 
 
 
346
 
347
- function getRandomColor() {
348
- const colors = ['blue', 'green', 'red', 'yellow', 'indigo', 'purple', 'pink', 'gray'];
349
- return colors[Math.floor(Math.random() * colors.length)];
 
 
 
350
  }
351
 
352
- function getRandomIcon(category) {
353
- const icons = {
354
- 'Santé': 'heartbeat',
355
- 'Éducation': 'graduation-cap',
356
- 'Sport': 'running',
357
- 'Nourriture': 'utensils',
358
- 'Mode': 'tshirt',
359
- 'Jeux': 'gamepad',
360
- 'Musique': 'music',
361
- 'Actualités': 'newspaper'
362
- };
363
- return icons[category] || 'star';
 
 
 
 
364
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
365
  </script>
366
  <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/auto-buttons" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
367
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>MegaGameHub - 9,696,987,456,321 Jeux Uniques!</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
+ .game-card {
11
  transition: all 0.3s ease;
12
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
13
+ background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
14
+ border: 1px solid rgba(255, 255, 255, 0.1);
15
  }
16
+ .game-card:hover {
17
+ transform: translateY(-5px) scale(1.02);
18
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
19
+ border-color: rgba(255, 255, 255, 0.3);
20
  }
21
+ .game-grid {
22
+ display: grid;
23
+ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
24
+ gap: 1.5rem;
25
+ }
26
+ .countdown {
27
+ font-family: 'Courier New', monospace;
28
+ background: rgba(0, 0, 0, 0.7);
29
+ border-radius: 10px;
30
+ padding: 5px 10px;
31
+ }
32
+ .pulse {
33
  animation: pulse 2s infinite;
34
  }
35
  @keyframes pulse {
 
37
  50% { transform: scale(1.05); }
38
  100% { transform: scale(1); }
39
  }
40
+ .glow {
41
+ text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
42
+ }
43
+ .neon-border {
44
+ border: 2px solid transparent;
45
+ border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff) 1;
46
+ animation: borderGlow 4s linear infinite;
47
+ }
48
+ @keyframes borderGlow {
49
+ 0% { border-image-source: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff); }
50
+ 25% { border-image-source: linear-gradient(45deg, #00ffff, #ffff00, #ff00ff, #00ffff); }
51
+ 50% { border-image-source: linear-gradient(45deg, #ffff00, #ff00ff, #00ffff, #ffff00); }
52
+ 75% { border-image-source: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff); }
53
+ 100% { border-image-source: linear-gradient(45deg, #00ffff, #ffff00, #ff00ff, #00ffff); }
54
  }
55
+ .loading-spinner {
56
+ width: 40px;
57
+ height: 40px;
58
+ border: 4px solid rgba(255, 255, 255, 0.3);
59
+ border-radius: 50%;
60
+ border-top-color: #8b5cf6;
61
+ animation: spin 1s ease-in-out infinite;
62
+ margin: 20px auto;
63
+ }
64
+ @keyframes spin {
65
+ to { transform: rotate(360deg); }
66
  }
67
  </style>
68
  </head>
69
+ <body class="bg-gray-900 text-white">
70
+ <!-- Header with Countdown -->
71
+ <header class="bg-black py-6 px-4 shadow-xl">
72
+ <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
73
+ <div class="flex items-center mb-4 md:mb-0">
74
+ <i class="fas fa-gamepad text-4xl text-purple-500 mr-3"></i>
75
+ <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 via-pink-500 to-red-500">
76
+ MegaGameHub
77
+ </h1>
78
+ </div>
79
+ <div class="flex items-center space-x-6">
80
+ <div class="countdown">
81
+ <span id="gamesCount">9,696,987,456,321</span> jeux disponibles
82
  </div>
83
+ <div class="relative group">
84
+ <button class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-lg flex items-center pulse">
85
+ <i class="fas fa-bolt mr-2"></i> Nouveautés
 
 
86
  </button>
87
+ <div class="absolute hidden group-hover:block bg-gray-800 p-4 rounded-lg shadow-xl z-10 right-0 mt-2 w-64">
88
+ <h3 class="font-bold mb-2">Dernières sorties</h3>
89
+ <ul class="space-y-2">
90
+ <li class="flex items-center">
91
+ <span class="w-2 h-2 bg-green-500 rounded-full mr-2"></span>
92
+ <span>Cosmic Adventure 5</span>
93
+ </li>
94
+ <li class="flex items-center">
95
+ <span class="w-2 h-2 bg-blue-500 rounded-full mr-2"></span>
96
+ <span>Zombie Survival Pro</span>
97
+ </li>
98
+ <li class="flex items-center">
99
+ <span class="w-2 h-2 bg-red-500 rounded-full mr-2"></span>
100
+ <span>Racing Extreme 2024</span>
101
+ </li>
102
+ </ul>
103
+ </div>
104
  </div>
105
  </div>
106
  </div>
107
  </header>
108
 
109
  <!-- Main Content -->
110
+ <main class="container mx-auto py-8 px-4">
111
+ <!-- Game Categories -->
112
+ <div class="flex overflow-x-auto pb-4 mb-8 scrollbar-hide">
113
+ <div class="flex space-x-3">
114
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Tous les jeux</button>
115
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Action</button>
116
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Aventure</button>
117
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Stratégie</button>
118
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Sport</button>
119
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">RPG</button>
120
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Simulation</button>
121
+ <button class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg whitespace-nowrap">Multijoueur</button>
122
+ </div>
123
+ </div>
124
+
125
+ <!-- Featured Games -->
126
+ <section class="mb-12">
127
+ <h2 class="text-2xl font-bold mb-6 flex items-center">
128
+ <span class="glow">Jeux vedettes</span>
129
+ <span class="ml-2 text-xs bg-red-500 px-2 py-1 rounded-full">Nouveau</span>
130
+ </h2>
131
+ <div class="game-grid">
132
+ <!-- Featured games will be added here -->
133
  </div>
134
  </section>
135
 
136
+ <!-- All Games -->
137
  <section>
138
+ <div class="flex justify-between items-center mb-6">
139
+ <h2 class="text-2xl font-bold">Tous les jeux</h2>
140
+ <div class="flex items-center space-x-3">
141
+ <div class="relative">
142
+ <input type="text" placeholder="Rechercher un jeu..." class="bg-gray-800 border border-gray-700 rounded-lg px-4 py-2 pl-10 w-64">
143
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
144
  </div>
145
+ <button onclick="generateGames()" class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded-lg flex items-center">
146
+ <i class="fas fa-random mr-2"></i> Générer
147
+ </button>
148
+ <div class="relative">
149
+ <input type="number" id="gameCount" value="20" min="1" max="100"
150
+ class="w-20 px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
151
  </div>
152
  </div>
153
  </div>
154
+
155
+ <div id="gamesContainer" class="game-grid">
156
+ <!-- All games will be added here -->
157
+ </div>
158
+
159
+ <div id="loadingIndicator" class="hidden">
160
+ <div class="loading-spinner"></div>
161
+ <p class="text-center text-gray-400">Chargement de plus de jeux...</p>
162
+ </div>
163
  </section>
 
 
 
 
 
 
 
164
  </main>
165
 
166
  <!-- Footer -->
167
+ <footer class="bg-black py-8 mt-12">
168
  <div class="container mx-auto px-4">
169
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
170
+ <div>
171
+ <h3 class="text-xl font-bold mb-4">MegaGameHub</h3>
172
+ <p class="text-gray-400">La plus grande plateforme de jeux au monde avec 9,696,987,456,321 jeux uniques!</p>
 
 
 
173
  </div>
174
+ <div>
175
+ <h4 class="font-bold mb-4">Catégories</h4>
176
+ <ul class="space-y-2 text-gray-400">
177
+ <li><a href="#" class="hover:text-white">Action</a></li>
178
+ <li><a href="#" class="hover:text-white">Aventure</a></li>
179
+ <li><a href="#" class="hover:text-white">Stratégie</a></li>
180
+ <li><a href="#" class="hover:text-white">Sport</a></li>
181
+ </ul>
182
+ </div>
183
+ <div>
184
+ <h4 class="font-bold mb-4">Support</h4>
185
+ <ul class="space-y-2 text-gray-400">
186
+ <li><a href="#" class="hover:text-white">Centre d'aide</a></li>
187
+ <li><a href="#" class="hover:text-white">Contact</a></li>
188
+ <li><a href="#" class="hover:text-white">FAQ</a></li>
189
+ <li><a href="#" class="hover:text-white">Politique de confidentialité</a></li>
190
+ </ul>
191
+ </div>
192
+ <div>
193
+ <h4 class="font-bold mb-4">Réseaux sociaux</h4>
194
+ <div class="flex space-x-4">
195
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-purple-600">
196
+ <i class="fab fa-facebook-f"></i>
197
+ </a>
198
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-400">
199
+ <i class="fab fa-twitter"></i>
200
+ </a>
201
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-pink-600">
202
+ <i class="fab fa-instagram"></i>
203
+ </a>
204
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600">
205
+ <i class="fab fa-youtube"></i>
206
+ </a>
207
+ </div>
208
  </div>
209
  </div>
210
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
211
+ <p>© 2024 MegaGameHub. Tous droits réservés.</p>
212
  </div>
213
  </div>
214
  </footer>
215
 
216
  <script>
217
+ // Game data with automatic opening URLs
218
+ const gameData = [
219
+ { name: "Cosmic Adventure 5", genre: "Aventure", icon: "fas fa-rocket", color: "bg-gradient-to-br from-purple-500 to-blue-500", url: "https://www.miniclip.com/games/en/" },
220
+ { name: "Zombie Survival Pro", genre: "Action", icon: "fas fa-skull", color: "bg-gradient-to-br from-green-500 to-gray-800", url: "https://www.crazygames.com/" },
221
+ { name: "Racing Extreme 2024", genre: "Course", icon: "fas fa-car", color: "bg-gradient-to-br from-red-500 to-yellow-500", url: "https://www.silvergames.com/" },
222
+ { name: "Fantasy Kingdom", genre: "Stratégie", icon: "fas fa-crown", color: "bg-gradient-to-br from-yellow-500 to-orange-500", url: "https://www.agame.com/" },
223
+ { name: "Space Warriors", genre: "Action", icon: "fas fa-space-shuttle", color: "bg-gradient-to-br from-blue-400 to-indigo-900", url: "https://www.kongregate.com/" },
224
+ { name: "Puzzle Master", genre: "Réflexion", icon: "fas fa-puzzle-piece", color: "bg-gradient-to-br from-teal-400 to-blue-600", url: "https://www.puzzle.com/" },
225
+ { name: "Football Legends", genre: "Sport", icon: "fas fa-futbol", color: "bg-gradient-to-br from-green-600 to-blue-800", url: "https://www.coolmathgames.com/" },
226
+ { name: "Dragon Quest", genre: "RPG", icon: "fas fa-dragon", color: "bg-gradient-to-br from-red-600 to-purple-800", url: "https://www.armorgames.com/" },
227
+ { name: "Farm Simulator", genre: "Simulation", icon: "fas fa-tractor", color: "bg-gradient-to-br from-green-400 to-yellow-600", url: "https://www.friv.com/" },
228
+ { name: "Battle Royale", genre: "Action", icon: "fas fa-crosshairs", color: "bg-gradient-to-br from-gray-800 to-red-800", url: "https://www.hoodamath.com/" },
229
+ { name: "Mystery Mansion", genre: "Aventure", icon: "fas fa-ghost", color: "bg-gradient-to-br from-purple-800 to-gray-900", url: "https://www.addictinggames.com/" },
230
+ { name: "Chess Pro", genre: "Stratégie", icon: "fas fa-chess", color: "bg-gradient-to-br from-gray-300 to-gray-700", url: "https://www.chess.com/" },
231
+ { name: "Ninja Warrior", genre: "Action", icon: "fas fa-user-ninja", color: "bg-gradient-to-br from-gray-600 to-black", url: "https://www.nitrotype.com/" },
232
+ { name: "Pirate Treasure", genre: "Aventure", icon: "fas fa-skull-crossbones", color: "bg-gradient-to-br from-yellow-600 to-brown-800", url: "https://www.poki.com/" },
233
+ { name: "Basketball Pro", genre: "Sport", icon: "fas fa-basketball-ball", color: "bg-gradient-to-br from-orange-500 to-red-600", url: "https://www.coolmathgames.com/" },
234
+ { name: "Magic School", genre: "RPG", icon: "fas fa-hat-wizard", color: "bg-gradient-to-br from-purple-500 to-indigo-800", url: "https://www.roblox.com/" },
235
+ { name: "City Builder", genre: "Simulation", icon: "fas fa-city", color: "bg-gradient-to-br from-blue-400 to-teal-600", url: "https://www.silvergames.com/" },
236
+ { name: "Space Miner", genre: "Aventure", icon: "fas fa-gem", color: "bg-gradient-to-br from-blue-600 to-black", url: "https://www.miniclip.com/games/en/" },
237
+ { name: "Snowboard Extreme", genre: "Sport", icon: "fas fa-snowboarding", color: "bg-gradient-to-br from-blue-300 to-white", url: "https://www.crazygames.com/" },
238
+ { name: "Wild West", genre: "Action", icon: "fas fa-horse", color: "bg-gradient-to-br from-brown-600 to-yellow-700", url: "https://www.kongregate.com/" }
239
+ ];
240
 
241
+ // Variables for infinite scroll
242
+ let isLoading = false;
243
+ let currentPage = 1;
244
+ const gamesPerPage = 20;
 
 
 
 
 
 
 
 
 
245
 
246
+ // Generate random game cards
247
+ function generateGames(append = false) {
248
+ if (isLoading) return;
249
+
250
+ isLoading = true;
251
+ document.getElementById('loadingIndicator').classList.remove('hidden');
252
+
253
+ // Simulate network delay
254
+ setTimeout(() => {
255
+ const gamesContainer = document.getElementById('gamesContainer');
256
+ if (!append) {
257
+ gamesContainer.innerHTML = '';
258
+ currentPage = 1;
259
+ }
260
+
261
+ const count = append ? gamesPerPage : (parseInt(document.getElementById('gameCount').value) || gamesPerPage);
262
+
263
+ for (let i = 0; i < count; i++) {
264
+ const game = gameData[Math.floor(Math.random() * gameData.length)];
265
+ const gameId = Math.floor(Math.random() * 9696987456321) + 1;
266
+
267
+ const gameCard = document.createElement('div');
268
+ gameCard.className = 'game-card rounded-lg overflow-hidden cursor-pointer';
269
+ gameCard.innerHTML = `
270
+ <div class="relative h-40 ${game.color} flex items-center justify-center">
271
+ <i class="${game.icon} text-5xl"></i>
272
+ <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 px-2 py-1 rounded text-xs">
273
+ #${gameId.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}
274
  </div>
275
+ </div>
276
+ <div class="p-4">
277
+ <h3 class="font-bold mb-1">${game.name}</h3>
278
+ <p class="text-gray-400 text-sm mb-2">${game.genre}</p>
279
+ <div class="flex justify-between items-center">
280
+ <span class="text-xs bg-gray-800 px-2 py-1 rounded">${(Math.random() * 1 + 4).toFixed(1)} <i class="fas fa-star text-yellow-400"></i></span>
281
+ <button class="text-xs bg-purple-600 hover:bg-purple-700 px-3 py-1 rounded">
282
+ Jouer <i class="fas fa-play ml-1"></i>
283
+ </button>
284
  </div>
285
  </div>
286
+ `;
287
+
288
+ // Auto-open game in new tab when clicked
289
+ gameCard.onclick = () => {
290
+ window.open(game.url, '_blank');
291
+ };
292
+
293
+ gamesContainer.appendChild(gameCard);
294
+ }
295
+
296
+ currentPage++;
297
+ isLoading = false;
298
+ document.getElementById('loadingIndicator').classList.add('hidden');
299
+ }, 800);
300
+ }
301
 
302
+ // Check if user has scrolled to bottom of page
303
+ function checkScroll() {
304
+ const { scrollTop, scrollHeight, clientHeight } = document.documentElement;
305
+ if (scrollTop + clientHeight >= scrollHeight - 100 && !isLoading) {
306
+ generateGames(true);
307
+ }
308
  }
309
 
310
+ // Animate the game count
311
+ function animateCount() {
312
+ let count = 9696987456321;
313
+ const element = document.getElementById('gamesCount');
314
+ const duration = 3000;
315
+ const start = Date.now();
316
+
317
+ const timer = setInterval(() => {
318
+ const timePassed = Date.now() - start;
319
+ const progress = Math.min(timePassed / duration, 1);
320
+ const currentCount = Math.floor(progress * count);
321
+
322
+ element.textContent = currentCount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
323
+
324
+ if (progress === 1) clearInterval(timer);
325
+ }, 16);
326
  }
327
+
328
+ // Initialize on load
329
+ window.onload = function() {
330
+ generateGames();
331
+ animateCount();
332
+
333
+ // Also generate featured games
334
+ const featuredGrid = document.querySelector('.game-grid');
335
+ for (let i = 0; i < 4; i++) {
336
+ const game = gameData[i];
337
+ const gameCard = document.createElement('div');
338
+ gameCard.className = 'game-card rounded-lg overflow-hidden cursor-pointer neon-border';
339
+ gameCard.innerHTML = `
340
+ <div class="relative h-48 ${game.color} flex items-center justify-center">
341
+ <i class="${game.icon} text-6xl"></i>
342
+ <div class="absolute top-2 left-2 bg-black bg-opacity-70 px-2 py-1 rounded text-xs">
343
+ <i class="fas fa-bolt text-yellow-400 mr-1"></i> Nouveau
344
+ </div>
345
+ </div>
346
+ <div class="p-4">
347
+ <h3 class="font-bold mb-1 text-lg">${game.name}</h3>
348
+ <p class="text-gray-400 text-sm mb-3">${game.genre}</p>
349
+ <button class="w-full bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 px-4 py-2 rounded-lg font-medium">
350
+ Jouer maintenant <i class="fas fa-arrow-right ml-2"></i>
351
+ </button>
352
+ </div>
353
+ `;
354
+
355
+ // Auto-open game in new tab when clicked
356
+ gameCard.onclick = () => {
357
+ window.open(game.url, '_blank');
358
+ };
359
+
360
+ featuredGrid.appendChild(gameCard);
361
+ }
362
+ };
363
+
364
+ // Add scroll event listener for infinite scroll
365
+ window.addEventListener('scroll', checkScroll);
366
  </script>
367
  <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/auto-buttons" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
368
  </html>
prompts.txt CHANGED
@@ -5,4 +5,9 @@ je veux le plus grog plate forme de genérateur de site de cours en ligne par de
5
  activer toutes les buton en auto
6
  je veux tout soit creer en automatique
7
  createur de site de films de streaming en 10 seconde
8
- je veux un site de 789789789 bouton automatique dans toutes domaine et ouver chaque fois qu'on clique dans une nouvelle fenetre
 
 
 
 
 
 
5
  activer toutes les buton en auto
6
  je veux tout soit creer en automatique
7
  createur de site de films de streaming en 10 seconde
8
+ je veux un site de 789789789 bouton automatique dans toutes domaine et ouver chaque fois qu'on clique dans une nouvelle fenetre
9
+ charger plus de bouton en automatique
10
+ mes information de paiement dans un tableau de bord reserver a moi tout seul pour recevoir des paiement paypal : L3YVBR38RX8HQ Identifiant marchand paypal : [email protected]
11
+ je veux creer un site de 4987897 boutons de services reel en automatique avec des vrais site en automatique une fois clicquer sur chaqune des bouton souvre en automatique dans une nouvel fe netre je veux une tableud de bord personnel mes information de paiement dans un tableau de bord reserver a moi tout seul pour recevoir des paiement paypal : L3YVBR38RX8HQ Identifiant marchand paypal : [email protected]
12
+ MegaGameHub La plateforme avec 9,696,987,456,321 jeux uniques! et dernier nouveauté Activer l'ouverture automatique
13
+ charger plus de jeux en automatique