Hugging Face's logo

Spaces:
fetyfree
/
deepsite-forever
Running

App Files Community
fetyfree commited on
Commit
faea425
·
verified ·
1 Parent(s): f209fa5

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +399 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Deepsite Forever
3
- emoji: 😻
4
- colorFrom: green
5
- colorTo: pink
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: deepsite-forever
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,399 @@
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>Programme Nutritionnel pour Rondier Intervenant</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
+ .fade-in {
11
+ animation: fadeIn 0.5s ease-in;
12
+ }
13
+ @keyframes fadeIn {
14
+ from { opacity: 0; transform: translateY(10px); }
15
+ to { opacity: 1; transform: translateY(0); }
16
+ }
17
+ .nutrition-card:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
20
+ }
21
+ .progress-bar {
22
+ transition: width 0.6s ease;
23
+ }
24
+ </style>
25
+ </head>
26
+ <body class="bg-gray-50 font-sans">
27
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
28
+ <!-- Header -->
29
+ <header class="text-center mb-12">
30
+ <h1 class="text-4xl font-bold text-blue-800 mb-3">Programme Nutritionnel Sur Mesure</h1>
31
+ <p class="text-xl text-gray-600">Pour un rondier intervenant de 64 ans</p>
32
+ <div class="mt-6 bg-blue-100 border-l-4 border-blue-800 p-4 text-left max-w-2xl mx-auto">
33
+ <p class="text-blue-800 font-medium"><i class="fas fa-info-circle mr-2"></i>Ce programme tient compte de vos besoins énergétiques, de votre activité physique et des spécificités liées à votre âge.</p>
34
+ </div>
35
+ </header>
36
+
37
+ <!-- User Profile -->
38
+ <div class="bg-white rounded-xl shadow-md p-6 mb-8 fade-in">
39
+ <div class="flex flex-col md:flex-row items-center">
40
+ <div class="md:w-1/4 flex justify-center mb-4 md:mb-0">
41
+ <div class="w-32 h-32 rounded-full bg-blue-100 flex items-center justify-center">
42
+ <i class="fas fa-user text-5xl text-blue-600"></i>
43
+ </div>
44
+ </div>
45
+ <div class="md:w-3/4 text-center md:text-left">
46
+ <h2 class="text-2xl font-bold text-gray-800 mb-2">Profil Nutritionnel</h2>
47
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
48
+ <div class="bg-gray-50 p-3 rounded-lg">
49
+ <p class="text-sm text-gray-500">Âge</p>
50
+ <p class="font-bold">64 ans</p>
51
+ </div>
52
+ <div class="bg-gray-50 p-3 rounded-lg">
53
+ <p class="text-sm text-gray-500">Activité</p>
54
+ <p class="font-bold">Rondier intervenant</p>
55
+ </div>
56
+ <div class="bg-gray-50 p-3 rounded-lg">
57
+ <p class="text-sm text-gray-500">Besoins</p>
58
+ <p class="font-bold">2200-2500 kcal/jour</p>
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </div>
64
+
65
+ <!-- Nutrition Plan -->
66
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
67
+ <!-- Macronutrients -->
68
+ <div class="bg-white rounded-xl shadow-md p-6 fade-in">
69
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
70
+ <i class="fas fa-chart-pie text-blue-600 mr-2"></i> Répartition des Macronutriments
71
+ </h3>
72
+ <div class="mb-4">
73
+ <div class="flex justify-between mb-1">
74
+ <span class="text-sm font-medium text-gray-700">Protéines</span>
75
+ <span class="text-sm font-medium text-gray-700">25%</span>
76
+ </div>
77
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
78
+ <div class="bg-blue-600 h-2.5 rounded-full progress-bar" style="width: 25%"></div>
79
+ </div>
80
+ </div>
81
+ <div class="mb-4">
82
+ <div class="flex justify-between mb-1">
83
+ <span class="text-sm font-medium text-gray-700">Glucides</span>
84
+ <span class="text-sm font-medium text-gray-700">45%</span>
85
+ </div>
86
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
87
+ <div class="bg-green-500 h-2.5 rounded-full progress-bar" style="width: 45%"></div>
88
+ </div>
89
+ </div>
90
+ <div class="mb-4">
91
+ <div class="flex justify-between mb-1">
92
+ <span class="text-sm font-medium text-gray-700">Lipides</span>
93
+ <span class="text-sm font-medium text-gray-700">30%</span>
94
+ </div>
95
+ <div class="w-full bg-gray-200 rounded-full h-2.5">
96
+ <div class="bg-yellow-500 h-2.5 rounded-full progress-bar" style="width: 30%"></div>
97
+ </div>
98
+ </div>
99
+ <p class="text-sm text-gray-600 mt-4"><i class="fas fa-lightbulb text-yellow-500 mr-1"></i> Cette répartition favorise l'énergie durable et la préservation musculaire.</p>
100
+ </div>
101
+
102
+ <!-- Key Recommendations -->
103
+ <div class="bg-white rounded-xl shadow-md p-6 fade-in">
104
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
105
+ <i class="fas fa-star text-yellow-500 mr-2"></i> Recommandations Clés
106
+ </h3>
107
+ <ul class="space-y-3">
108
+ <li class="flex items-start">
109
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
110
+ <span>Hydratation : 2L d'eau minimum par jour</span>
111
+ </li>
112
+ <li class="flex items-start">
113
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
114
+ <span>Protéines à chaque repas pour la masse musculaire</span>
115
+ </li>
116
+ <li class="flex items-start">
117
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
118
+ <span>Fibres pour le transit et la satiété</span>
119
+ </li>
120
+ <li class="flex items-start">
121
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
122
+ <span>Oméga-3 pour les articulations et le cœur</span>
123
+ </li>
124
+ <li class="flex items-start">
125
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
126
+ <span>Limiter le sel pour la tension artérielle</span>
127
+ </li>
128
+ </ul>
129
+ </div>
130
+
131
+ <!-- Supplements -->
132
+ <div class="bg-white rounded-xl shadow-md p-6 fade-in">
133
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
134
+ <i class="fas fa-pills text-purple-600 mr-2"></i> Compléments Utiles
135
+ </h3>
136
+ <div class="space-y-3">
137
+ <div class="flex items-start">
138
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
139
+ <i class="fas fa-bone text-purple-600"></i>
140
+ </div>
141
+ <div>
142
+ <p class="font-medium">Vitamine D + Calcium</p>
143
+ <p class="text-sm text-gray-600">Pour la santé osseuse</p>
144
+ </div>
145
+ </div>
146
+ <div class="flex items-start">
147
+ <div class="bg-blue-100 p-2 rounded-lg mr-3">
148
+ <i class="fas fa-fish text-blue-600"></i>
149
+ </div>
150
+ <div>
151
+ <p class="font-medium">Oméga-3</p>
152
+ <p class="text-sm text-gray-600">Anti-inflammatoire naturel</p>
153
+ </div>
154
+ </div>
155
+ <div class="flex items-start">
156
+ <div class="bg-green-100 p-2 rounded-lg mr-3">
157
+ <i class="fas fa-heart text-green-600"></i>
158
+ </div>
159
+ <div>
160
+ <p class="font-medium">Magnésium</p>
161
+ <p class="text-sm text-gray-600">Pour l'énergie et la récupération</p>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ <p class="text-xs text-gray-500 mt-4">* À prendre sous contrôle médical</p>
166
+ </div>
167
+ </div>
168
+
169
+ <!-- Daily Meal Plan -->
170
+ <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8 fade-in">
171
+ <div class="bg-blue-800 text-white px-6 py-4">
172
+ <h2 class="text-2xl font-bold flex items-center">
173
+ <i class="fas fa-utensils mr-3"></i> Programme Journalier Type
174
+ </h2>
175
+ </div>
176
+ <div class="p-6">
177
+ <!-- Breakfast -->
178
+ <div class="mb-8 pb-6 border-b border-gray-200">
179
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
180
+ <div class="w-8 h-8 rounded-full bg-yellow-100 text-yellow-800 flex items-center justify-center mr-3">
181
+ <i class="fas fa-sun"></i>
182
+ </div>
183
+ Petit-déjeuner (7h-8h)
184
+ </h3>
185
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
186
+ <div class="nutrition-card bg-yellow-50 p-4 rounded-lg transition-all duration-300">
187
+ <h4 class="font-bold text-yellow-800 mb-2"><i class="fas fa-bread-slice mr-2"></i>Pain complet</h4>
188
+ <p class="text-sm">2 tranches (80g) avec beurre ou purée d'amande</p>
189
+ </div>
190
+ <div class="nutrition-card bg-blue-50 p-4 rounded-lg transition-all duration-300">
191
+ <h4 class="font-bold text-blue-800 mb-2"><i class="fas fa-egg mr-2"></i>Protéines</h4>
192
+ <p class="text-sm">2 œufs à la coque ou 1 yaourt grec nature</p>
193
+ </div>
194
+ <div class="nutrition-card bg-green-50 p-4 rounded-lg transition-all duration-300">
195
+ <h4 class="font-bold text-green-800 mb-2"><i class="fas fa-apple-alt mr-2"></i>Fruit</h4>
196
+ <p class="text-sm">1 fruit de saison (ex: banane ou pomme)</p>
197
+ </div>
198
+ </div>
199
+ <div class="mt-4 bg-gray-50 p-3 rounded-lg">
200
+ <p class="text-sm text-gray-700"><i class="fas fa-mug-hot text-gray-500 mr-2"></i>Boisson : Thé vert ou café léger + grande verre d'eau</p>
201
+ </div>
202
+ </div>
203
+
204
+ <!-- Lunch -->
205
+ <div class="mb-8 pb-6 border-b border-gray-200">
206
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
207
+ <div class="w-8 h-8 rounded-full bg-orange-100 text-orange-800 flex items-center justify-center mr-3">
208
+ <i class="fas fa-sun"></i>
209
+ </div>
210
+ Déjeuner (12h-13h)
211
+ </h3>
212
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
213
+ <div class="nutrition-card bg-green-50 p-4 rounded-lg transition-all duration-300">
214
+ <h4 class="font-bold text-green-800 mb-2"><i class="fas fa-leaf mr-2"></i>Légumes</h4>
215
+ <p class="text-sm">Crudités ou légumes cuits (200g minimum)</p>
216
+ </div>
217
+ <div class="nutrition-card bg-red-50 p-4 rounded-lg transition-all duration-300">
218
+ <h4 class="font-bold text-red-800 mb-2"><i class="fas fa-drumstick-bite mr-2"></i>Protéines</h4>
219
+ <p class="text-sm">Viande maigre (150g) ou poisson gras (200g) 2x/semaine</p>
220
+ </div>
221
+ <div class="nutrition-card bg-yellow-50 p-4 rounded-lg transition-all duration-300">
222
+ <h4 class="font-bold text-yellow-800 mb-2"><i class="fas fa-seedling mr-2"></i>Féculents</h4>
223
+ <p class="text-sm">Riz complet, quinoa ou patate douce (100g cuits)</p>
224
+ </div>
225
+ </div>
226
+ <div class="mt-4 bg-gray-50 p-3 rounded-lg">
227
+ <p class="text-sm text-gray-700"><i class="fas fa-cheese text-gray-500 mr-2"></i>Option : 1 portion de fromage ou 1 yaourt</p>
228
+ </div>
229
+ <div class="mt-2 bg-blue-50 p-3 rounded-lg">
230
+ <p class="text-sm text-blue-700"><i class="fas fa-glass-whiskey text-blue-500 mr-2"></i>Boisson : Eau plate ou gazeuse, éventuellement 1 verre de vin rouge</p>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Snack -->
235
+ <div class="mb-8 pb-6 border-b border-gray-200">
236
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
237
+ <div class="w-8 h-8 rounded-full bg-amber-100 text-amber-800 flex items-center justify-center mr-3">
238
+ <i class="fas fa-clock"></i>
239
+ </div>
240
+ Collation (16h-17h)
241
+ </h3>
242
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
243
+ <div class="nutrition-card bg-purple-50 p-4 rounded-lg transition-all duration-300">
244
+ <h4 class="font-bold text-purple-800 mb-2"><i class="fas fa-seedling mr-2"></i>Option 1</h4>
245
+ <p class="text-sm">Fruits secs (noix, amandes) + 1 fruit frais</p>
246
+ </div>
247
+ <div class="nutrition-card bg-pink-50 p-4 rounded-lg transition-all duration-300">
248
+ <h4 class="font-bold text-pink-800 mb-2"><i class="fas fa-bread-slice mr-2"></i>Option 2</h4>
249
+ <p class="text-sm">Tartine de pain complet avec fromage frais</p>
250
+ </div>
251
+ </div>
252
+ <div class="mt-4 bg-green-50 p-3 rounded-lg">
253
+ <p class="text-sm text-green-700"><i class="fas fa-mug-hot text-green-500 mr-2"></i>Boisson : Tisane ou grand verre d'eau</p>
254
+ </div>
255
+ </div>
256
+
257
+ <!-- Dinner -->
258
+ <div class="mb-4">
259
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
260
+ <div class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-800 flex items-center justify-center mr-3">
261
+ <i class="fas fa-moon"></i>
262
+ </div>
263
+ Dîner (20h-21h)
264
+ </h3>
265
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
266
+ <div class="nutrition-card bg-green-50 p-4 rounded-lg transition-all duration-300">
267
+ <h4 class="font-bold text-green-800 mb-2"><i class="fas fa-carrot mr-2"></i>Légumes</h4>
268
+ <p class="text-sm">Soupe maison ou légumes cuits (200g minimum)</p>
269
+ </div>
270
+ <div class="nutrition-card bg-teal-50 p-4 rounded-lg transition-all duration-300">
271
+ <h4 class="font-bold text-teal-800 mb-2"><i class="fas fa-fish mr-2"></i>Protéines</h4>
272
+ <p class="text-sm">Poisson blanc, œufs ou viande blanche (120g)</p>
273
+ </div>
274
+ <div class="nutrition-card bg-amber-50 p-4 rounded-lg transition-all duration-300">
275
+ <h4 class="font-bold text-amber-800 mb-2"><i class="fas fa-bread-slice mr-2"></i>Féculents</h4>
276
+ <p class="text-sm">Petite portion de féculents complets (50g cuits) ou légumineuses</p>
277
+ </div>
278
+ </div>
279
+ <div class="mt-4 bg-gray-50 p-3 rounded-lg">
280
+ <p class="text-sm text-gray-700"><i class="fas fa-ice-cream text-gray-500 mr-2"></i>Option : Compote sans sucre ajouté ou 1 yaourt</p>
281
+ </div>
282
+ <div class="mt-2 bg-blue-50 p-3 rounded-lg">
283
+ <p class="text-sm text-blue-700"><i class="fas fa-glass-whiskey text-blue-500 mr-2"></i>Boisson : Eau plate ou tisane relaxante</p>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+
289
+ <!-- Additional Tips -->
290
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
291
+ <div class="bg-white rounded-xl shadow-md p-6 fade-in">
292
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
293
+ <i class="fas fa-running text-red-500 mr-2"></i> Conseils pour les Jours d'Intervention
294
+ </h3>
295
+ <ul class="space-y-3">
296
+ <li class="flex items-start">
297
+ <div class="bg-red-100 p-1 rounded-full mr-3">
298
+ <i class="fas fa-check text-red-500 text-xs"></i>
299
+ </div>
300
+ <span>Prévoir des collations pratiques (fruits secs, barres protéinées maison)</span>
301
+ </li>
302
+ <li class="flex items-start">
303
+ <div class="bg-red-100 p-1 rounded-full mr-3">
304
+ <i class="fas fa-check text-red-500 text-xs"></i>
305
+ </div>
306
+ <span>Boire régulièrement même sans soif</span>
307
+ </li>
308
+ <li class="flex items-start">
309
+ <div class="bg-red-100 p-1 rounded-full mr-3">
310
+ <i class="fas fa-check text-red-500 text-xs"></i>
311
+ </div>
312
+ <span>Repas plus riche en glucides complexes la veille des longues journées</span>
313
+ </li>
314
+ <li class="flex items-start">
315
+ <div class="bg-red-100 p-1 rounded-full mr-3">
316
+ <i class="fas fa-check text-red-500 text-xs"></i>
317
+ </div>
318
+ <span>Bannir les plats trop gras qui alourdissent</span>
319
+ </li>
320
+ </ul>
321
+ </div>
322
+
323
+ <div class="bg-white rounded-xl shadow-md p-6 fade-in">
324
+ <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
325
+ <i class="fas fa-heartbeat text-pink-500 mr-2"></i> Aliments à Privilégier
326
+ </h3>
327
+ <div class="grid grid-cols-2 gap-3">
328
+ <div class="bg-pink-50 p-2 rounded-lg text-center">
329
+ <p class="font-medium text-pink-800">Poissons gras</p>
330
+ <p class="text-xs">Saumon, maquereau</p>
331
+ </div>
332
+ <div class="bg-green-50 p-2 rounded-lg text-center">
333
+ <p class="font-medium text-green-800">Légumes verts</p>
334
+ <p class="text-xs">Épinards, brocolis</p>
335
+ </div>
336
+ <div class="bg-yellow-50 p-2 rounded-lg text-center">
337
+ <p class="font-medium text-yellow-800">Céréales complètes</p>
338
+ <p class="text-xs">Quinoa, riz brun</p>
339
+ </div>
340
+ <div class="bg-blue-50 p-2 rounded-lg text-center">
341
+ <p class="font-medium text-blue-800">Produits laitiers</p>
342
+ <p class="text-xs">Yaourt grec, fromage blanc</p>
343
+ </div>
344
+ <div class="bg-purple-50 p-2 rounded-lg text-center">
345
+ <p class="font-medium text-purple-800">Fruits rouges</p>
346
+ <p class="text-xs">Myrtilles, framboises</p>
347
+ </div>
348
+ <div class="bg-red-50 p-2 rounded-lg text-center">
349
+ <p class="font-medium text-red-800">Viandes maigres</p>
350
+ <p class="text-xs">Poulet, dinde</p>
351
+ </div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+
356
+ <!-- Download Button -->
357
+ <div class="text-center mb-12 fade-in">
358
+ <button id="downloadBtn" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full transition duration-300 transform hover:scale-105 shadow-lg">
359
+ <i class="fas fa-download mr-2"></i> Télécharger ce Programme
360
+ </button>
361
+ <p class="text-sm text-gray-500 mt-2">Format PDF imprimable</p>
362
+ </div>
363
+
364
+ <!-- Disclaimer -->
365
+ <div class="bg-gray-100 rounded-lg p-4 text-center text-sm text-gray-600">
366
+ <p><i class="fas fa-exclamation-triangle text-yellow-500 mr-1"></i> Ce programme est une suggestion générale. Consultez un nutritionniste pour un plan personnalisé, surtout en cas de problèmes de santé.</p>
367
+ </div>
368
+ </div>
369
+
370
+ <script>
371
+ // Animation on load
372
+ document.addEventListener('DOMContentLoaded', () => {
373
+ const elements = document.querySelectorAll('.fade-in');
374
+ elements.forEach((el, index) => {
375
+ setTimeout(() => {
376
+ el.style.opacity = '1';
377
+ }, index * 100);
378
+ });
379
+
380
+ // Download button effect
381
+ const downloadBtn = document.getElementById('downloadBtn');
382
+ if(downloadBtn) {
383
+ downloadBtn.addEventListener('click', () => {
384
+ downloadBtn.innerHTML = '<i class="fas fa-check mr-2"></i> Téléchargement lancé !';
385
+ downloadBtn.classList.remove('bg-blue-600', 'hover:bg-blue-700');
386
+ downloadBtn.classList.add('bg-green-500', 'hover:bg-green-600');
387
+
388
+ // Reset after 2 seconds
389
+ setTimeout(() => {
390
+ downloadBtn.innerHTML = '<i class="fas fa-download mr-2"></i> Télécharger ce Programme';
391
+ downloadBtn.classList.remove('bg-green-500', 'hover:bg-green-600');
392
+ downloadBtn.classList.add('bg-blue-600', 'hover:bg-blue-700');
393
+ }, 2000);
394
+ });
395
+ }
396
+ });
397
+ </script>
398
+ <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=fetyfree/deepsite-forever" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
399
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ fait moi un programme nutritionel pour un adulte rondier intervenant de 64 ans