Hugging Face's logo

Spaces:
docto41
/
deployer
Running

App Files Community
docto41 commited on
Commit
3902caf
·
verified ·
1 Parent(s): 83854c6

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +417 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Deployer
3
- emoji: 🏃
4
- colorFrom: pink
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: deployer
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: green
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,417 @@
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>Déploiement Simplifié - Publiez en un clic</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
12
+ }
13
+ .file-drop-area {
14
+ border: 2px dashed rgba(255, 255, 255, 0.4);
15
+ transition: all 0.3s ease;
16
+ }
17
+ .file-drop-area:hover {
18
+ border-color: rgba(255, 255, 255, 0.8);
19
+ background-color: rgba(255, 255, 255, 0.05);
20
+ }
21
+ .file-drop-area.active {
22
+ border-color: rgba(255, 255, 255, 1);
23
+ background-color: rgba(255, 255, 255, 0.1);
24
+ }
25
+ .platform-card:hover {
26
+ transform: translateY(-5px);
27
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
28
+ }
29
+ .deploy-btn {
30
+ transition: all 0.3s ease;
31
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
32
+ }
33
+ .deploy-btn:hover {
34
+ transform: translateY(-2px);
35
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
36
+ }
37
+ .pulse {
38
+ animation: pulse 2s infinite;
39
+ }
40
+ @keyframes pulse {
41
+ 0% {
42
+ transform: scale(1);
43
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
44
+ }
45
+ 70% {
46
+ transform: scale(1.05);
47
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
48
+ }
49
+ 100% {
50
+ transform: scale(1);
51
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
52
+ }
53
+ }
54
+ </style>
55
+ </head>
56
+ <body class="gradient-bg min-h-screen text-white font-sans">
57
+ <div class="container mx-auto px-4 py-12">
58
+ <!-- Header -->
59
+ <header class="text-center mb-16">
60
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Déploiement Simplifié</h1>
61
+ <p class="text-xl md:text-2xl opacity-90 max-w-3xl mx-auto">
62
+ Publiez votre application sur les meilleures plateformes sans configuration complexe
63
+ </p>
64
+ </header>
65
+
66
+ <!-- Main Content -->
67
+ <div class="flex flex-col lg:flex-row gap-12 items-center justify-center">
68
+ <!-- File Upload Section -->
69
+ <div class="w-full lg:w-1/2">
70
+ <div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-2xl p-8 shadow-xl">
71
+ <h2 class="text-2xl font-semibold mb-6 flex items-center">
72
+ <i class="fas fa-file-archive mr-3"></i> Déploiement FICHIER ZIP
73
+ </h2>
74
+
75
+ <div id="dropArea" class="file-drop-area rounded-xl p-8 mb-6 text-center cursor-pointer">
76
+ <i class="fas fa-cloud-upload-alt text-4xl mb-4 opacity-80"></i>
77
+ <p class="text-lg mb-2">Glissez-déposez votre fichier ZIP ici</p>
78
+ <p class="text-sm opacity-70">ou cliquez pour sélectionner</p>
79
+ <input type="file" id="fileInput" class="hidden" accept=".zip,.rar,.7z">
80
+ <div id="fileName" class="mt-4 text-sm font-medium hidden"></div>
81
+ </div>
82
+
83
+ <div class="mb-6">
84
+ <label class="block text-sm font-medium mb-2" for="projectName">Nom du projet</label>
85
+ <input type="text" id="projectName" class="w-full bg-white bg-opacity-20 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 placeholder-white placeholder-opacity-70" placeholder="MonSuperProjet">
86
+ </div>
87
+
88
+ <div class="mb-6">
89
+ <label class="block text-sm font-medium mb-2">Plateformes de déploiement</label>
90
+ <div class="grid grid-cols-2 gap-3">
91
+ <div class="flex items-center">
92
+ <input type="checkbox" id="aws" class="form-checkbox h-5 w-5 text-indigo-600" checked>
93
+ <label for="aws" class="ml-2">AWS</label>
94
+ </div>
95
+ <div class="flex items-center">
96
+ <input type="checkbox" id="azure" class="form-checkbox h-5 w-5 text-indigo-600" checked>
97
+ <label for="azure" class="ml-2">Azure</label>
98
+ </div>
99
+ <div class="flex items-center">
100
+ <input type="checkbox" id="google" class="form-checkbox h-5 w-5 text-indigo-600">
101
+ <label for="google" class="ml-2">Google Cloud</label>
102
+ </div>
103
+ <div class="flex items-center">
104
+ <input type="checkbox" id="vercel" class="form-checkbox h-5 w-5 text-indigo-600" checked>
105
+ <label for="vercel" class="ml-2">Vercel</label>
106
+ </div>
107
+ </div>
108
+ </div>
109
+
110
+ <button id="deployBtn" class="w-full deploy-btn pulse bg-white text-indigo-700 font-bold py-4 px-6 rounded-xl text-lg flex items-center justify-center">
111
+ <i class="fas fa-rocket mr-3"></i> Déployer maintenant
112
+ </button>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Platform Info Section -->
117
+ <div class="w-full lg:w-1/2">
118
+ <h2 class="text-2xl font-semibold mb-6 flex items-center">
119
+ <i class="fas fa-server mr-3"></i> Plateformes supportées
120
+ </h2>
121
+
122
+ <div class="grid md:grid-cols-2 gap-6">
123
+ <!-- AWS Card -->
124
+ <div class="platform-card bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6 transition-all duration-300 hover:shadow-lg">
125
+ <div class="flex items-center mb-4">
126
+ <img src="https://upload.wikimedia.org/wikipedia/commons/9/93/Amazon_Web_Services_Logo.svg" alt="AWS" class="h-10 mr-3">
127
+ <h3 class="text-xl font-semibold">AWS</h3>
128
+ </div>
129
+ <p class="text-sm opacity-80 mb-4">Déployez sur Amazon Web Services avec une configuration automatique des services nécessaires.</p>
130
+ <div class="flex items-center text-sm">
131
+ <i class="fas fa-check-circle text-green-400 mr-2"></i>
132
+ <span>Déploiement automatique</span>
133
+ </div>
134
+ </div>
135
+
136
+ <!-- Azure Card -->
137
+ <div class="platform-card bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6 transition-all duration-300 hover:shadow-lg">
138
+ <div class="flex items-center mb-4">
139
+ <img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Microsoft_Azure_Logo.svg" alt="Azure" class="h-10 mr-3">
140
+ <h3 class="text-xl font-semibold">Microsoft Azure</h3>
141
+ </div>
142
+ <p class="text-sm opacity-80 mb-4">Configuration simplifiée pour Azure App Services avec scaling automatique.</p>
143
+ <div class="flex items-center text-sm">
144
+ <i class="fas fa-check-circle text-green-400 mr-2"></i>
145
+ <span>Scaling automatique</span>
146
+ </div>
147
+ </div>
148
+
149
+ <!-- Vercel Card -->
150
+ <div class="platform-card bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6 transition-all duration-300 hover:shadow-lg">
151
+ <div class="flex items-center mb-4">
152
+ <img src="https://assets.vercel.com/image/upload/front/favicon/vercel/180x180.png" alt="Vercel" class="h-10 mr-3">
153
+ <h3 class="text-xl font-semibold">Vercel</h3>
154
+ </div>
155
+ <p class="text-sm opacity-80 mb-4">Déploiement instantané pour les applications frontales avec prévisualisation.</p>
156
+ <div class="flex items-center text-sm">
157
+ <i class="fas fa-check-circle text-green-400 mr-2"></i>
158
+ <span>Prévisualisation instantanée</span>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Google Cloud Card -->
163
+ <div class="platform-card bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6 transition-all duration-300 hover:shadow-lg">
164
+ <div class="flex items-center mb-4">
165
+ <img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Google_Cloud_logo.svg" alt="Google Cloud" class="h-10 mr-3">
166
+ <h3 class="text-xl font-semibold">Google Cloud</h3>
167
+ </div>
168
+ <p class="text-sm opacity-80 mb-4">Déploiement sur App Engine avec configuration optimisée pour les performances.</p>
169
+ <div class="flex items-center text-sm">
170
+ <i class="fas fa-check-circle text-green-400 mr-2"></i>
171
+ <span>Optimisation automatique</span>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <div class="mt-8 bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-6">
177
+ <h3 class="text-lg font-semibold mb-3 flex items-center">
178
+ <i class="fas fa-bolt mr-2"></i> Pourquoi choisir notre solution ?
179
+ </h3>
180
+ <ul class="space-y-2">
181
+ <li class="flex items-start">
182
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
183
+ <span>Aucune configuration complexe nécessaire</span>
184
+ </li>
185
+ <li class="flex items-start">
186
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
187
+ <span>Déploiement simultané sur plusieurs plateformes</span>
188
+ </li>
189
+ <li class="flex items-start">
190
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
191
+ <span>Surveillance automatique des performances</span>
192
+ </li>
193
+ <li class="flex items-start">
194
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
195
+ <span>Rapports de déploiement détaillés</span>
196
+ </li>
197
+ </ul>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Deployment Modal -->
204
+ <div id="deploymentModal" class="fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50 hidden">
205
+ <div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-2xl p-8 max-w-md w-full mx-4">
206
+ <div class="text-center">
207
+ <div class="w-20 h-20 mx-auto mb-6 flex items-center justify-center">
208
+ <div class="relative">
209
+ <div class="w-20 h-20 rounded-full bg-white bg-opacity-20 animate-ping absolute"></div>
210
+ <div class="w-20 h-20 rounded-full bg-white bg-opacity-30 flex items-center justify-center">
211
+ <i class="fas fa-rocket text-3xl animate-bounce"></i>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ <h3 class="text-2xl font-bold mb-2">Déploiement en cours</h3>
216
+ <p class="mb-6 opacity-80">Votre application est en train d'être déployée sur les plateformes sélectionnées.</p>
217
+
218
+ <div class="bg-black bg-opacity-30 rounded-lg p-4 mb-6 text-left">
219
+ <div class="flex items-center mb-2">
220
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-2"></div>
221
+ <span class="text-sm font-mono">Préparation du package...</span>
222
+ </div>
223
+ <div class="flex items-center mb-2">
224
+ <div class="w-3 h-3 rounded-full bg-green-400 mr-2"></div>
225
+ <span class="text-sm font-mono">Connexion aux plateformes...</span>
226
+ </div>
227
+ <div class="flex items-center mb-2">
228
+ <div class="w-3 h-3 rounded-full bg-yellow-400 mr-2"></div>
229
+ <span class="text-sm font-mono">Déploiement sur AWS (25%)</span>
230
+ </div>
231
+ <div class="flex items-center">
232
+ <div class="w-3 h-3 rounded-full bg-gray-400 mr-2"></div>
233
+ <span class="text-sm font-mono">En attente de déploiement sur Azure</span>
234
+ </div>
235
+ </div>
236
+
237
+ <div class="w-full bg-gray-700 bg-opacity-50 rounded-full h-2.5 mb-6">
238
+ <div class="bg-blue-500 h-2.5 rounded-full" style="width: 45%"></div>
239
+ </div>
240
+
241
+ <button id="cancelBtn" class="text-sm opacity-70 hover:opacity-100">
242
+ <i class="fas fa-times mr-1"></i> Annuler le déploiement
243
+ </button>
244
+ </div>
245
+ </div>
246
+ </div>
247
+
248
+ <script>
249
+ document.addEventListener('DOMContentLoaded', function() {
250
+ const dropArea = document.getElementById('dropArea');
251
+ const fileInput = document.getElementById('fileInput');
252
+ const fileName = document.getElementById('fileName');
253
+ const deployBtn = document.getElementById('deployBtn');
254
+ const deploymentModal = document.getElementById('deploymentModal');
255
+ const cancelBtn = document.getElementById('cancelBtn');
256
+
257
+ // Prevent default drag behaviors
258
+ ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
259
+ dropArea.addEventListener(eventName, preventDefaults, false);
260
+ document.body.addEventListener(eventName, preventDefaults, false);
261
+ });
262
+
263
+ function preventDefaults(e) {
264
+ e.preventDefault();
265
+ e.stopPropagation();
266
+ }
267
+
268
+ // Highlight drop area when item is dragged over it
269
+ ['dragenter', 'dragover'].forEach(eventName => {
270
+ dropArea.addEventListener(eventName, highlight, false);
271
+ });
272
+
273
+ ['dragleave', 'drop'].forEach(eventName => {
274
+ dropArea.addEventListener(eventName, unhighlight, false);
275
+ });
276
+
277
+ function highlight() {
278
+ dropArea.classList.add('active');
279
+ }
280
+
281
+ function unhighlight() {
282
+ dropArea.classList.remove('active');
283
+ }
284
+
285
+ // Handle dropped files
286
+ dropArea.addEventListener('drop', handleDrop, false);
287
+
288
+ function handleDrop(e) {
289
+ const dt = e.dataTransfer;
290
+ const files = dt.files;
291
+ handleFiles(files);
292
+ }
293
+
294
+ // Handle clicked files
295
+ dropArea.addEventListener('click', () => {
296
+ fileInput.click();
297
+ });
298
+
299
+ fileInput.addEventListener('change', function() {
300
+ handleFiles(this.files);
301
+ });
302
+
303
+ function handleFiles(files) {
304
+ if (files.length > 0) {
305
+ const file = files[0];
306
+ if (file.type === 'application/zip' || file.name.endsWith('.zip')) {
307
+ fileName.textContent = `Fichier sélectionné: ${file.name}`;
308
+ fileName.classList.remove('hidden');
309
+ deployBtn.classList.remove('opacity-50');
310
+ deployBtn.disabled = false;
311
+ } else {
312
+ alert('Veuillez sélectionner un fichier ZIP valide.');
313
+ }
314
+ }
315
+ }
316
+
317
+ // Deploy button click
318
+ deployBtn.addEventListener('click', function() {
319
+ if (fileName.textContent) {
320
+ deploymentModal.classList.remove('hidden');
321
+ document.body.classList.add('overflow-hidden');
322
+
323
+ // Simulate deployment progress
324
+ simulateDeployment();
325
+ } else {
326
+ alert('Veuillez sélectionner un fichier ZIP à déployer.');
327
+ }
328
+ });
329
+
330
+ // Cancel button
331
+ cancelBtn.addEventListener('click', function() {
332
+ deploymentModal.classList.add('hidden');
333
+ document.body.classList.remove('overflow-hidden');
334
+ });
335
+
336
+ // Simulate deployment progress
337
+ function simulateDeployment() {
338
+ let progress = 0;
339
+ const interval = setInterval(() => {
340
+ progress += Math.random() * 10;
341
+ if (progress >= 100) {
342
+ progress = 100;
343
+ clearInterval(interval);
344
+
345
+ // Update modal to show success
346
+ setTimeout(() => {
347
+ const modalContent = deploymentModal.querySelector('div > div');
348
+ modalContent.innerHTML = `
349
+ <div class="text-center">
350
+ <div class="w-20 h-20 mx-auto mb-6 flex items-center justify-center">
351
+ <div class="w-20 h-20 rounded-full bg-green-500 bg-opacity-30 flex items-center justify-center">
352
+ <i class="fas fa-check text-3xl"></i>
353
+ </div>
354
+ </div>
355
+ <h3 class="text-2xl font-bold mb-2">Déploiement réussi!</h3>
356
+ <p class="mb-6 opacity-80">Votre application a été déployée avec succès.</p>
357
+
358
+ <div class="grid grid-cols-2 gap-4 mb-6">
359
+ <div class="bg-green-500 bg-opacity-20 p-3 rounded-lg">
360
+ <p class="text-xs opacity-70">AWS</p>
361
+ <p class="font-mono text-sm">https://aws.example.com</p>
362
+ </div>
363
+ <div class="bg-blue-500 bg-opacity-20 p-3 rounded-lg">
364
+ <p class="text-xs opacity-70">Azure</p>
365
+ <p class="font-mono text-sm">https://azure.example.com</p>
366
+ </div>
367
+ </div>
368
+
369
+ <button id="closeBtn" class="bg-white text-indigo-700 font-bold py-3 px-6 rounded-lg">
370
+ <i class="fas fa-times mr-2"></i> Fermer
371
+ </button>
372
+ </div>
373
+ `;
374
+
375
+ document.getElementById('closeBtn').addEventListener('click', function() {
376
+ deploymentModal.classList.add('hidden');
377
+ document.body.classList.remove('overflow-hidden');
378
+ });
379
+ }, 1000);
380
+ }
381
+
382
+ const progressBar = deploymentModal.querySelector('.bg-blue-500');
383
+ if (progressBar) {
384
+ progressBar.style.width = `${progress}%`;
385
+ }
386
+
387
+ // Update status messages
388
+ const statusLines = deploymentModal.querySelectorAll('.font-mono');
389
+ if (statusLines.length >= 3) {
390
+ if (progress < 30) {
391
+ statusLines[2].textContent = `Déploiement sur AWS (${Math.floor(progress)}%)`;
392
+ statusLines[2].previousElementChild.querySelector('.w-3').classList.add('bg-yellow-400');
393
+ statusLines[2].previousElementChild.querySelector('.w-3').classList.remove('bg-gray-400');
394
+ } else if (progress < 60) {
395
+ statusLines[2].textContent = 'Déploiement sur AWS terminé';
396
+ statusLines[2].previousElementChild.querySelector('.w-3').classList.add('bg-green-400');
397
+ statusLines[2].previousElementChild.querySelector('.w-3').classList.remove('bg-yellow-400');
398
+
399
+ statusLines[3].textContent = `Déploiement sur Azure (${Math.floor(progress - 30)}%)`;
400
+ statusLines[3].previousElementChild.querySelector('.w-3').classList.add('bg-yellow-400');
401
+ statusLines[3].previousElementChild.querySelector('.w-3').classList.remove('bg-gray-400');
402
+ } else if (progress < 90) {
403
+ statusLines[3].textContent = 'Déploiement sur Azure terminé';
404
+ statusLines[3].previousElementChild.querySelector('.w-3').classList.add('bg-green-400');
405
+ statusLines[3].previousElementChild.querySelector('.w-3').classList.remove('bg-yellow-400');
406
+
407
+ statusLines[4]?.textContent = 'Configuration finale...';
408
+ statusLines[4]?.previousElementChild.querySelector('.w-3').classList.add('bg-yellow-400');
409
+ statusLines[4]?.previousElementChild.querySelector('.w-3').classList.remove('bg-gray-400');
410
+ }
411
+ }
412
+ }, 300);
413
+ }
414
+ });
415
+ </script>
416
+ <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/deployer" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
417
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Déploiement FICHIER ZIP direct en un clic Publiez votre application sur les meilleures plateformes sans configuration complexe. Déployer maintenant , avec une belle interface