venezianof commited on
Commit
bd26947
verified
1 Parent(s): 05f383c

glp1 proteina g - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +566 -432
  2. prompts.txt +3 -1
index.html CHANGED
@@ -1,537 +1,671 @@
1
  <!DOCTYPE html>
2
- <html lang="en">
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>GLP-1 Plasticity</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
- .slide {
11
- display: none;
12
- opacity: 0;
13
- transition: opacity 0.5s ease;
14
  }
15
- .slide.active {
16
- display: block;
17
- opacity: 1;
18
  }
19
- .progress-bar {
20
- height: 5px;
21
- background-color: #3b82f6;
22
- transition: width 0.3s ease;
23
  }
24
- @keyframes pulse {
25
- 0% { transform: scale(1); }
26
- 50% { transform: scale(1.05); }
27
- 100% { transform: scale(1); }
28
  }
29
- .pulse {
30
- animation: pulse 2s infinite;
 
 
 
 
 
 
 
31
  }
32
  </style>
33
  </head>
34
- <body class="font-sans bg-gray-100">
35
- <!-- Navigation Controls -->
36
- <div class="fixed bottom-6 left-0 right-0 flex justify-center z-50">
37
- <button id="prevBtn" class="mx-2 p-3 bg-blue-600 text-white rounded-full shadow-lg hover:bg-blue-700 transition">
38
- <i class="fas fa-arrow-left"></i>
39
- </button>
40
- <button id="nextBtn" class="mx-2 p-3 bg-blue-600 text-white rounded-full shadow-lg hover:bg-blue-700 transition">
41
- <i class="fas fa-arrow-right"></i>
42
- </button>
43
- </div>
44
-
45
- <!-- Progress Bar -->
46
- <div class="fixed top-0 left-0 right-0 h-1 bg-gray-200 z-50">
47
- <div id="progressBar" class="progress-bar h-full"></div>
48
- </div>
49
-
50
- <!-- Slide Indicators -->
51
- <div class="fixed top-4 right-4 flex z-50">
52
- <div class="flex space-x-2">
53
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="0"></div>
54
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="1"></div>
55
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="2"></div>
56
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="3"></div>
57
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="4"></div>
58
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="5"></div>
59
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="6"></div>
60
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="7"></div>
61
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="8"></div>
62
- <div class="w-3 h-3 rounded-full bg-gray-300 slide-indicator" data-slide="9"></div>
63
- </div>
64
- </div>
65
-
66
- <!-- Slide Container -->
67
- <div class="relative h-screen w-full overflow-hidden">
68
- <!-- Slide 1: Title Slide -->
69
- <div class="slide active h-full w-full flex flex-col justify-center items-center p-8 text-center bg-gradient-to-br from-blue-50 to-indigo-100">
70
- <div class="max-w-4xl">
71
- <h1 class="text-5xl md:text-7xl font-bold text-blue-800 mb-6">GLP-1 Plasticity</h1>
72
- <p class="text-xl md:text-2xl text-gray-700 mb-10">Exploring the Neuroplastic Effects of Glucagon-Like Peptide-1</p>
73
- <div class="flex justify-center">
74
- <div class="p-4 bg-white rounded-lg shadow-md inline-block">
75
- <i class="fas fa-brain text-4xl text-indigo-600 mb-2"></i>
76
- <p class="text-gray-600">Neuroscience Presentation</p>
77
  </div>
78
  </div>
79
- </div>
80
- </div>
81
-
82
- <!-- Slide 2: GLP-1 Overview -->
83
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-green-50 to-teal-100">
84
- <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-10 items-center">
85
- <div>
86
- <h2 class="text-4xl font-bold text-teal-800 mb-4">What is GLP-1?</h2>
87
- <ul class="space-y-4 text-lg text-gray-700">
88
- <li class="flex items-start">
89
- <i class="fas fa-check-circle text-teal-500 mt-1 mr-2"></i>
90
- <span>Glucagon-like peptide-1 (GLP-1) is an incretin hormone</span>
91
- </li>
92
- <li class="flex items-start">
93
- <i class="fas fa-check-circle text-teal-500 mt-1 mr-2"></i>
94
- <span>Produced in intestinal L-cells and brainstem neurons</span>
95
- </li>
96
- <li class="flex items-start">
97
- <i class="fas fa-check-circle text-teal-500 mt-1 mr-2"></i>
98
- <span>Primarily known for glucose regulation and incretin effects</span>
99
- </li>
100
- <li class="flex items-start">
101
- <i class="fas fa-check-circle text-teal-500 mt-1 mr-2"></i>
102
- <span>Emerging evidence for neuroprotective and neurotrophic effects</span>
103
- </li>
104
- </ul>
105
  </div>
106
- <div class="bg-white p-6 rounded-xl shadow-lg">
107
- <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/GLP-1_physiology2.svg/1200px-GLP-1_physiology2.svg.png" alt="GLP-1 Physiology" class="rounded-lg w-full h-auto">
 
 
108
  </div>
109
  </div>
110
  </div>
111
-
112
- <!-- Slide 3: GLP-1 and Neuroplasticity -->
113
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-purple-50 to-indigo-100">
114
- <div class="max-w-4xl mx-auto">
115
- <h2 class="text-4xl font-bold text-indigo-800 mb-6">GLP-1 and Neuroplasticity</h2>
116
- <div class="grid md:grid-cols-3 gap-6 mb-10">
117
- <div class="bg-white p-5 rounded-lg shadow-md text-center pulse">
118
- <i class="fas fa-seedling text-4xl text-green-500 mb-3"></i>
119
- <h3 class="font-semibold text-lg mb-2">Synaptic Plasticity</h3>
120
- <p class="text-gray-600">Enhances LTP and modulates synaptic strength</p>
121
- </div>
122
- <div class="bg-white p-5 rounded-lg shadow-md text-center pulse">
123
- <i class="fas fa-network-wired text-4xl text-blue-500 mb-3"></i>
124
- <h3 class="font-semibold text-lg mb-2">Neurogenesis</h3>
125
- <p class="text-gray-600">Promotes neuronal proliferation and differentiation</p>
126
- </div>
127
- <div class="bg-white p-5 rounded-lg shadow-md text-center pulse">
128
- <i class="fas fa-shield-alt text-4xl text-purple-500 mb-3"></i>
129
- <h3 class="font-semibold text-lg mb-2">Neuroprotection</h3>
130
- <p class="text-gray-600">Reduces oxidative stress and inflammation</p>
131
- </div>
132
- </div>
133
- <div class="bg-indigo-100 p-4 rounded-lg border-l-4 border-indigo-500">
134
- <p class="text-indigo-800"><i class="fas fa-info-circle mr-2"></i> GLP-1 receptors are widely expressed in the brain, including hippocampus and cortex - key areas for learning and memory.</p>
135
- </div>
136
  </div>
137
  </div>
 
138
 
139
- <!-- Slide 4: Molecular Mechanisms -->
140
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-red-50 to-pink-100">
141
- <div class="max-w-6xl mx-auto">
142
- <h2 class="text-4xl font-bold text-pink-800 mb-8">Molecular Mechanisms</h2>
143
- <div class="grid md:grid-cols-2 gap-10">
144
- <div>
145
- <h3 class="text-2xl font-semibold text-pink-700 mb-4">Signaling Pathways</h3>
146
- <ul class="space-y-4 text-gray-700">
147
- <li class="flex">
148
- <span class="bg-pink-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">1</span>
149
- <span>Activation of GLP-1R (G-protein coupled receptor)</span>
150
- </li>
151
- <li class="flex">
152
- <span class="bg-pink-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">2</span>
153
- <span>cAMP/PKA and PI3K/Akt pathway activation</span>
154
- </li>
155
- <li class="flex">
156
- <span class="bg-pink-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">3</span>
157
- <span>BDNF upregulation and TrkB signaling</span>
158
- </li>
159
- <li class="flex">
160
- <span class="bg-pink-600 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 flex-shrink-0">4</span>
161
- <span>CREB phosphorylation and gene transcription</span>
162
- </li>
163
- </ul>
164
- </div>
165
- <div class="bg-white p-4 rounded-lg shadow-lg">
166
- <div class="relative h-full w-full">
167
- <div class="absolute inset-0 flex items-center justify-center">
168
- <i class="fas fa-atom text-6xl text-pink-300 opacity-50"></i>
169
- </div>
170
- <div class="relative flex flex-col items-center">
171
- <div class="w-16 h-16 rounded-full bg-pink-500 flex items-center justify-center text-white mb-3">
172
- <i class="fas fa-dna"></i>
173
- </div>
174
- <div class="w-32 h-32 rounded-full border-4 border-pink-300 flex items-center justify-center text-pink-500 mb-3">
175
- <i class="fas fa-project-diagram text-3xl"></i>
176
- </div>
177
- <div class="w-48 h-48 rounded-full border-8 border-pink-200 flex items-center justify-center">
178
- <div class="text-center">
179
- <i class="fas fa-brain text-4xl text-pink-600 mb-2"></i>
180
- <p class="text-xs font-semibold text-pink-700">Neuronal Plasticity</p>
181
- </div>
182
- </div>
183
- </div>
184
- </div>
185
  </div>
186
  </div>
187
  </div>
188
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
189
 
190
- <!-- Slide 5: Therapeutic Implications -->
191
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-yellow-50 to-amber-100">
192
- <div class="max-w-5xl mx-auto">
193
- <h2 class="text-4xl font-bold text-amber-800 mb-8">Therapeutic Implications</h2>
194
- <div class="grid md:grid-cols-3 gap-6">
195
- <div class="bg-white rounded-xl shadow-md overflow-hidden">
196
- <div class="bg-amber-500 p-4 text-white font-semibold">
197
- <i class="fas fa-brain mr-2"></i> Alzheimer's Disease
198
- </div>
199
- <div class="p-4">
200
- <p class="text-gray-700">GLP-1 analogs show potential in reducing amyloid-尾 plaques and improving cognitive function.</p>
 
 
 
 
 
 
 
201
  </div>
 
 
 
 
202
  </div>
203
- <div class="bg-white rounded-xl shadow-md overflow-hidden">
204
- <div class="bg-amber-600 p-4 text-white font-semibold">
205
- <i class="fas fa-parking mr-2"></i> Parkinson's Disease
206
- </div>
207
- <div class="p-4">
208
- <p class="text-gray-700">Neuroprotective effects may help preserve dopaminergic neurons and motor function.</p>
209
  </div>
 
 
 
 
210
  </div>
211
- <div class="bg-white rounded-xl shadow-md overflow-hidden">
212
- <div class="bg-amber-700 p-4 text-white font-semibold">
213
- <i class="fas fa-bolt mr-2"></i> Stroke Recovery
 
214
  </div>
215
- <div class="p-4">
216
- <p class="text-gray-700">Enhances neuroplasticity during rehabilitation and reduces infarct volume.</p>
 
 
 
 
 
 
 
217
  </div>
 
 
 
 
218
  </div>
219
  </div>
220
- <div class="mt-8 bg-amber-100 p-4 rounded-lg border-l-4 border-amber-400">
221
- <p class="text-amber-900"><i class="fas fa-flask mr-2"></i> Several clinical trials are currently investigating GLP-1 analogs (e.g., exenatide, liraglutide) for neurodegenerative disorders.</p>
222
- </div>
223
  </div>
224
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
225
 
226
- <!-- Slide 6: Animal Studies -->
227
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-blue-50 to-cyan-100">
228
- <div class="max-w-6xl mx-auto">
229
- <h2 class="text-4xl font-bold text-cyan-800 mb-8">Evidence from Animal Studies</h2>
230
- <div class="grid md:grid-cols-2 gap-8">
231
- <div>
232
- <div class="bg-white p-5 rounded-lg shadow-lg mb-6">
233
- <div class="flex items-start">
234
- <div class="bg-cyan-100 p-3 rounded-full mr-4">
235
- <i class="fas fa-microscope text-cyan-600"></i>
236
  </div>
237
- <div>
238
- <h3 class="font-semibold text-lg mb-2">Hippocampal Plasticity</h3>
239
- <p class="text-gray-700">GLP-1 analogs enhance LTP in hippocampal slices and improve spatial memory in rodents.</p>
240
  </div>
241
  </div>
 
 
 
 
 
 
 
 
242
  </div>
243
- <div class="bg-white p-5 rounded-lg shadow-lg">
244
- <div class="flex items-start">
245
- <div class="bg-cyan-100 p-3 rounded-full mr-4">
246
- <i class="fas fa-dna text-cyan-600"></i>
 
 
 
 
 
247
  </div>
248
- <div>
249
- <h3 class="font-semibold text-lg mb-2">Molecular Changes</h3>
250
- <p class="text-gray-700">Upregulation of synaptic proteins (PSD-95, synaptophysin) and BDNF in treated animals.</p>
251
  </div>
252
  </div>
 
 
 
 
 
 
 
 
253
  </div>
254
  </div>
255
- <div>
256
- <div class="bg-white p-5 rounded-lg shadow-lg mb-6">
257
- <div class="flex items-start">
258
- <div class="bg-cyan-100 p-3 rounded-full mr-4">
259
- <i class="fas fa-brain text-cyan-600"></i>
 
 
 
260
  </div>
261
- <div>
262
- <h3 class="font-semibold text-lg mb-2">Neuroprotection</h3>
263
- <p class="text-gray-700">Reduced neuronal loss in models of stroke, Alzheimer's, and Parkinson's disease.</p>
264
  </div>
265
  </div>
 
 
 
 
 
 
 
 
266
  </div>
267
- <div class="bg-white p-5 rounded-lg shadow-lg">
268
- <div class="flex items-start">
269
- <div class="bg-cyan-100 p-3 rounded-full mr-4">
270
- <i class="fas fa-seedling text-cyan-600"></i>
 
 
 
 
 
271
  </div>
272
- <div>
273
- <h3 class="font-semibold text-lg mb-2">Neurogenesis</h3>
274
- <p class="text-gray-700">Increased proliferation of neural progenitor cells in the subventricular zone and dentate gyrus.</p>
275
  </div>
276
  </div>
 
 
 
 
 
 
 
 
277
  </div>
278
  </div>
279
  </div>
280
  </div>
281
  </div>
 
282
 
283
- <!-- Slide 7: Clinical Evidence -->
284
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-green-50 to-emerald-100">
285
- <div class="max-w-5xl mx-auto">
286
- <h2 class="text-4xl font-bold text-emerald-800 mb-8">Clinical Evidence</h2>
287
- <div class="overflow-hidden rounded-xl shadow-lg bg-white">
288
- <table class="min-w-full">
289
- <thead class="bg-emerald-600 text-white">
290
- <tr>
291
- <th class="py-3 px-4 text-left">Study</th>
292
- <th class="py-3 px-4 text-left">Population</th>
293
- <th class="py-3 px-4 text-left">Findings</th>
294
- </tr>
295
- </thead>
296
- <tbody class="divide-y divide-gray-200">
297
- <tr>
298
- <td class="py-3 px-4">Exenatide-PD</td>
299
- <td class="py-3 px-4">Parkinson's patients</td>
300
- <td class="py-3 px-4">Improved motor scores (UPDRS) after 12 months</td>
301
- </tr>
302
- <tr class="bg-emerald-50">
303
- <td class="py-3 px-4">ELAD Trial</td>
304
- <td class="py-3 px-4">Early Alzheimer's</td>
305
- <td class="py-3 px-4">Slowed cognitive decline vs placebo</td>
306
- </tr>
307
- <tr>
308
- <td class="py-3 px-4">Liraglutide-AD</td>
309
- <td class="py-3 px-4">Alzheimer's patients</td>
310
- <td class="py-3 px-4">Reduced brain atrophy on MRI</td>
311
- </tr>
312
- <tr class="bg-emerald-50">
313
- <td class="py-3 px-4">Meta-analysis</td>
314
- <td class="py-3 px-4">Type 2 Diabetes</td>
315
- <td class="py-3 px-4">Lower dementia incidence in GLP-1 users</td>
316
- </tr>
317
- </tbody>
318
- </table>
319
- </div>
320
- <div class="mt-6 p-4 bg-emerald-100 rounded-lg">
321
- <p class="text-emerald-800"><i class="fas fa-stethoscope mr-2"></i> While promising, larger phase 3 trials are needed to confirm efficacy in neurodegenerative diseases.</p>
322
- </div>
323
  </div>
324
- </div>
325
 
326
- <!-- Slide 8: Current Limitations -->
327
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-gray-50 to-blue-gray-100">
328
- <div class="max-w-4xl mx-auto">
329
- <h2 class="text-4xl font-bold text-gray-800 mb-8">Current Limitations</h2>
330
- <div class="space-y-6">
331
- <div class="flex items-start">
332
- <div class="bg-gray-200 p-3 rounded-full mr-4">
333
- <i class="fas fa-question text-gray-700"></i>
334
- </div>
335
  <div>
336
- <h3 class="font-semibold text-lg text-gray-800">Blood-Brain Barrier Penetration</h3>
337
- <p class="text-gray-600">Most GLP-1 analogs have limited ability to cross the BBB in therapeutic concentrations</p>
338
- </div>
339
- </div>
340
- <div class="flex items-start">
341
- <div class="bg-gray-200 p-3 rounded-full mr-4">
342
- <i class="fas fa-clock text-gray-700"></i>
343
- </div>
344
- <div>
345
- <h3 class="font-semibold text-lg text-gray-800">Long-term Effects Unknown</h3>
346
- <p class="text-gray-600">Neuroplasticity changes may require sustained treatment over years</p>
347
- </div>
348
- </div>
349
- <div class="flex items-start">
350
- <div class="bg-gray-200 p-3 rounded-full mr-4">
351
- <i class="fas fa-puzzle-piece text-gray-700"></i>
 
 
 
 
 
352
  </div>
353
  <div>
354
- <h3 class="font-semibold text-lg text-gray-800">Mechanistic Complexity</h3>
355
- <p class="text-gray-600">Precise pathways mediating neuroplastic effects not fully elucidated</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
356
  </div>
357
  </div>
358
- <div class="flex items-start">
359
- <div class="bg-gray-200 p-3 rounded-full mr-4">
360
- <i class="fas fa-tablets text-gray-700"></i>
361
- </div>
362
- <div>
363
- <h3 class="font-semibold text-lg text-gray-800">Side Effects</h3>
364
- <p class="text-gray-600">Gastrointestinal effects may limit tolerability in some patients</p>
 
 
 
 
 
365
  </div>
366
  </div>
367
  </div>
368
  </div>
369
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
370
 
371
- <!-- Slide 9: Future Directions -->
372
- <div class="slide h-full w-full flex items-center p-8 bg-gradient-to-br from-indigo-50 to-violet-100">
373
- <div class="max-w-6xl mx-auto">
374
- <h2 class="text-4xl font-bold text-violet-800 mb-8">Future Directions</h2>
375
- <div class="grid md:grid-cols-2 gap-8">
376
- <div class="bg-white p-6 rounded-xl shadow-md">
377
- <div class="flex items-center mb-4">
378
- <div class="bg-violet-600 p-3 rounded-full text-white mr-4">
379
- <i class="fas fa-rocket"></i>
 
 
 
 
380
  </div>
381
- <h3 class="text-xl font-semibold text-violet-800">Next-Gen Analogs</h3>
382
  </div>
383
- <p class="text-gray-700">Developing GLP-1 analogs with enhanced BBB penetration and CNS selectivity could improve efficacy for neurodegenerative disorders.</p>
384
  </div>
385
- <div class="bg-white p-6 rounded-xl shadow-md">
386
- <div class="flex items-center mb-4">
387
- <div class="bg-violet-500 p-3 rounded-full text-white mr-4">
388
- <i class="fas fa-cogs"></i>
 
 
 
 
 
 
 
 
389
  </div>
390
- <h3 class="text-xl font-semibold text-violet-800">Combination Therapies</h3>
391
  </div>
392
- <p class="text-gray-700">Exploring synergistic effects with other neuroprotective agents (e.g., BDNF mimetics, anti-inflammatories) may enhance plasticity.</p>
393
  </div>
394
- <div class="bg-white p-6 rounded-xl shadow-md">
395
- <div class="flex items-center mb-4">
396
- <div class="bg-violet-400 p-3 rounded-full text-white mr-4">
397
- <i class="fas fa-chart-line"></i>
 
 
 
 
 
 
 
 
398
  </div>
399
- <h3 class="text-xl font-semibold text-violet-800">Biomarkers</h3>
400
  </div>
401
- <p class="text-gray-700">Identifying reliable biomarkers of GLP-1-mediated neuroplasticity could help personalize treatment approaches.</p>
402
  </div>
403
- <div class="bg-white p-6 rounded-xl shadow-md">
404
- <div class="flex items-center mb-4">
405
- <div class="bg-violet-300 p-3 rounded-full text-white mr-4">
406
- <i class="fas fa-recycle"></i>
 
 
 
 
 
 
 
 
407
  </div>
408
- <h3 class="text-xl font-semibold text-violet-800">Rehabilitation</h3>
409
  </div>
410
- <p class="text-gray-700">Investigating how GLP-1 analogs can augment the effects of cognitive rehabilitation and physical therapy.</p>
411
  </div>
412
- </div>
413
- </div>
414
- </div>
415
 
416
- <!-- Slide 10: Conclusion -->
417
- <div class="slide h-full w-full flex flex-col items-center justify-center p-8 bg-gradient-to-br from-blue-900 to-indigo-900 text-white text-center">
418
- <div class="max-w-3xl">
419
- <h2 class="text-5xl font-bold mb-8">Key Takeaways</h2>
420
- <div class="space-y-6 mb-10 text-left">
421
- <div class="flex items-start">
422
- <div class="bg-blue-600 p-2 rounded-full mr-4">
423
- <i class="fas fa-check"></i>
424
- </div>
425
- <p class="text-xl">GLP-1 exhibits neuroplastic effects through multiple molecular mechanisms</p>
426
- </div>
427
- <div class="flex items-start">
428
- <div class="bg-blue-600 p-2 rounded-full mr-4">
429
- <i class="fas fa-check"></i>
430
  </div>
431
- <p class="text-xl">Preclinical evidence strongly supports neuroprotective and plasticity-enhancing properties</p>
432
  </div>
433
- <div class="flex items-start">
434
- <div class="bg-blue-600 p-2 rounded-full mr-4">
435
- <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
436
  </div>
437
- <p class="text-xl">Early clinical trials show promise for neurodegenerative disorders</p>
438
  </div>
439
- <div class="flex items-start">
440
- <div class="bg-blue-600 p-2 rounded-full mr-4">
441
- <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
442
  </div>
443
- <p class="text-xl">GLP-1-based therapies may represent a novel approach to enhance brain plasticity</p>
444
  </div>
445
  </div>
446
- <div class="mt-8 pt-6 border-t border-blue-300">
447
- <p class="text-blue-200">Thank you for your attention!</p>
448
- <p class="text-blue-300 mt-2">Questions?</p>
449
- </div>
450
  </div>
451
  </div>
452
  </div>
453
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
454
  <script>
455
- document.addEventListener('DOMContentLoaded', function() {
456
- const slides = document.querySelectorAll('.slide');
457
- const prevBtn = document.getElementById('prevBtn');
458
- const nextBtn = document.getElementById('nextBtn');
459
- const progressBar = document.getElementById('progressBar');
460
- const indicators = document.querySelectorAll('.slide-indicator');
461
- let currentSlide = 0;
462
- const totalSlides = slides.length;
463
-
464
- // Initialize first slide
465
- showSlide(currentSlide);
466
-
467
- // Next button click handler
468
- nextBtn.addEventListener('click', function() {
469
- if (currentSlide < totalSlides - 1) {
470
- currentSlide++;
471
- showSlide(currentSlide);
472
- }
473
- });
474
-
475
- // Previous button click handler
476
- prevBtn.addEventListener('click', function() {
477
- if (currentSlide > 0) {
478
- currentSlide--;
479
- showSlide(currentSlide);
480
- }
481
- });
482
-
483
- // Indicator click handler
484
- indicators.forEach((indicator, index) => {
485
- indicator.addEventListener('click', function() {
486
- currentSlide = index;
487
- showSlide(currentSlide);
488
- });
489
  });
490
-
491
- // Keyboard navigation
492
- document.addEventListener('keydown', function(e) {
493
- if (e.key === 'ArrowRight') {
494
- if (currentSlide < totalSlides - 1) {
495
- currentSlide++;
496
- showSlide(currentSlide);
497
- }
498
- } else if (e.key === 'ArrowLeft') {
499
- if (currentSlide > 0) {
500
- currentSlide--;
501
- showSlide(currentSlide);
 
 
 
 
 
 
 
502
  }
503
  }
504
  });
505
-
506
- // Show specific slide
507
- function showSlide(index) {
508
- // Hide all slides
509
- slides.forEach(slide => {
510
- slide.classList.remove('active');
511
- });
512
-
513
- // Show current slide
514
- slides[index].classList.add('active');
515
-
516
- // Update progress bar
517
- const progress = ((index + 1) / totalSlides) * 100;
518
- progressBar.style.width = `${progress}%`;
519
-
520
- // Update indicators
521
- indicators.forEach((indicator, i) => {
522
- if (i === index) {
523
- indicator.classList.remove('bg-gray-300');
524
- indicator.classList.add('bg-blue-500');
525
- } else {
526
- indicator.classList.remove('bg-blue-500');
527
- indicator.classList.add('bg-gray-300');
528
- }
529
- });
530
-
531
- // Disable/enable navigation buttons
532
- prevBtn.disabled = index === 0;
533
- nextBtn.disabled = index === totalSlides - 1;
534
- }
535
  });
536
  </script>
537
  <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=venezianof/ricercheaa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
1
  <!DOCTYPE html>
2
+ <html lang="es">
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>GLP-1 Prote铆na: La Hormona Clave en el Metabolismo</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
9
  <style>
10
+ @keyframes float {
11
+ 0% { transform: translateY(0px); }
12
+ 50% { transform: translateY(-10px); }
13
+ 100% { transform: translateY(0px); }
14
  }
15
+ .floating {
16
+ animation: float 6s ease-in-out infinite;
 
17
  }
18
+ .gradient-bg {
19
+ background: linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #6366f1 100%);
 
 
20
  }
21
+ .card-hover {
22
+ transition: all 0.3s ease;
 
 
23
  }
24
+ .card-hover:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
27
+ }
28
+ .smooth-scroll {
29
+ scroll-behavior: smooth;
30
+ }
31
+ .molecule {
32
+ filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.5));
33
  }
34
  </style>
35
  </head>
36
+ <body class="smooth-scroll bg-gray-50 font-sans antialiased">
37
+ <!-- Navigation -->
38
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
39
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
40
+ <div class="flex justify-between h-16">
41
+ <div class="flex items-center">
42
+ <div class="flex-shrink-0 flex items-center">
43
+ <i class="fas fa-dna text-indigo-500 text-2xl mr-2"></i>
44
+ <span class="text-xl font-bold text-indigo-600">GLP-1</span>
45
+ </div>
46
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
47
+ <a href="#about" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Inicio</a>
48
+ <a href="#functions" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Funciones</a>
49
+ <a href="#research" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Investigaci贸n</a>
50
+ <a href="#applications" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Aplicaciones</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  </div>
52
  </div>
53
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
54
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300">
55
+ M谩s informaci贸n
56
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57
  </div>
58
+ <div class="-mr-2 flex items-center sm:hidden">
59
+ <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
60
+ <i class="fas fa-bars"></i>
61
+ </button>
62
  </div>
63
  </div>
64
  </div>
65
+ <!-- Mobile menu -->
66
+ <div class="hidden sm:hidden" id="mobile-menu">
67
+ <div class="pt-2 pb-3 space-y-1">
68
+ <a href="#about" class="bg-indigo-50 border-indigo-500 text-indigo-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Inicio</a>
69
+ <a href="#functions" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Funciones</a>
70
+ <a href="#research" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Investigaci贸n</a>
71
+ <a href="#applications" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Aplicaciones</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
72
  </div>
73
  </div>
74
+ </nav>
75
 
76
+ <!-- Hero Section -->
77
+ <div id="about" class="gradient-bg text-white py-20 relative overflow-hidden">
78
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
79
+ <div class="relative z-10">
80
+ <div class="text-center">
81
+ <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight mb-6">
82
+ <span class="block">GLP-1</span>
83
+ <span class="block text-2xl md:text-3xl font-medium mt-2">P茅ptido Similar al Glucag贸n 1</span>
84
+ </h1>
85
+ <p class="mt-6 max-w-lg mx-auto text-lg md:text-xl">
86
+ La hormona incretina clave en el metabolismo de la glucosa y el control del apetito.
87
+ </p>
88
+ <div class="mt-10 flex justify-center space-x-4">
89
+ <a href="#functions" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-100 transition duration-300">
90
+ Explorar funciones <i class="fas fa-arrow-down ml-2"></i>
91
+ </a>
92
+ <a href="#research" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-700 hover:bg-indigo-800 transition duration-300">
93
+ Investigaci贸n <i class="fas fa-flask ml-2"></i>
94
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
95
  </div>
96
  </div>
97
  </div>
98
  </div>
99
+ <div class="absolute top-1/4 left-1/4 w-32 h-32 rounded-full bg-white opacity-10"></div>
100
+ <div class="absolute bottom-20 right-20 w-24 h-24 rounded-full bg-white opacity-10"></div>
101
+ <div class="absolute top-1/3 right-1/3 w-16 h-16 rounded-full bg-white opacity-10"></div>
102
+
103
+ <!-- Floating molecule animation -->
104
+ <div class="absolute top-1/3 right-20 molecule floating hidden md:block">
105
+ <!-- Simple molecule structure using font awesome -->
106
+ <div class="text-white opacity-70 text-6xl">
107
+ <i class="fas fa-atom"></i>
108
+ </div>
109
+ </div>
110
+ </div>
111
 
112
+ <!-- Quick Facts -->
113
+ <div class="bg-white py-12">
114
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
115
+ <div class="lg:text-center">
116
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Datos clave</h2>
117
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
118
+ 驴Qu茅 es GLP-1?
119
+ </p>
120
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
121
+ El p茅ptido similar al glucag贸n 1 (GLP-1) es una incretina producida en el intestino que juega un papel crucial en el metabolismo.
122
+ </p>
123
+ </div>
124
+
125
+ <div class="mt-10">
126
+ <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-4">
127
+ <div class="bg-indigo-50 rounded-lg p-6 card-hover">
128
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
129
+ <i class="fas fa-clock"></i>
130
  </div>
131
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Hormona intestinal</h3>
132
+ <p class="text-gray-500">
133
+ Secretada por las c茅lulas L del intestino en respuesta a la ingesti贸n de alimentos.
134
+ </p>
135
  </div>
136
+
137
+ <div class="bg-indigo-50 rounded-lg p-6 card-hover">
138
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
139
+ <i class="fas fa-seedling"></i>
 
 
140
  </div>
141
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Vida media corta</h3>
142
+ <p class="text-gray-500">
143
+ Degradada r谩pidamente por la enzima DPP-4 con una vida media de solo 1-2 minutos.
144
+ </p>
145
  </div>
146
+
147
+ <div class="bg-indigo-50 rounded-lg p-6 card-hover">
148
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
149
+ <i class="fas fa-brain"></i>
150
  </div>
151
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Acciones m煤ltiples</h3>
152
+ <p class="text-gray-500">
153
+ Act煤a sobre p谩ncreas, cerebro, est贸mago, h铆gado y sistema cardiovascular.
154
+ </p>
155
+ </div>
156
+
157
+ <div class="bg-indigo-50 rounded-lg p-6 card-hover">
158
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4">
159
+ <i class="fas fa-pills"></i>
160
  </div>
161
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Blanco terap茅utico</h3>
162
+ <p class="text-gray-500">
163
+ Base para f谩rmacos contra diabetes tipo 2 y obesidad como exenatida y liraglutida.
164
+ </p>
165
  </div>
166
  </div>
 
 
 
167
  </div>
168
  </div>
169
+ </div>
170
+
171
+ <!-- Functions Section -->
172
+ <div id="functions" class="bg-gray-50 py-16">
173
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
174
+ <div class="lg:text-center mb-12">
175
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Roles fisiol贸gicos</h2>
176
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
177
+ Funciones clave de GLP-1
178
+ </p>
179
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
180
+ El GLP-1 ejerce m煤ltiples efectos en diferentes 贸rganos del cuerpo humano.
181
+ </p>
182
+ </div>
183
 
184
+ <div class="mt-10">
185
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12">
186
+ <!-- Function 1 -->
187
+ <div class="relative group">
188
+ <div class="absolute -inset-1 bg-gradient-to-r from-indigo-500 to-indigo-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div>
189
+ <div class="relative bg-white rounded-lg p-6 h-full card-hover">
190
+ <div class="flex items-center">
191
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3 text-white">
192
+ <i class="fas fa-syringe text-xl"></i>
 
193
  </div>
194
+ <div class="ml-4">
195
+ <h3 class="text-lg font-medium text-gray-900">P谩ncreas</h3>
 
196
  </div>
197
  </div>
198
+ <div class="mt-4">
199
+ <p class="text-gray-600">
200
+ - Estimula la secreci贸n de insulina dependiente de glucosa<br>
201
+ - Inhibe la liberaci贸n de glucag贸n<br>
202
+ - Promueve la proliferaci贸n de c茅lulas 尾<br>
203
+ - Reduce la apoptosis de c茅lulas 尾
204
+ </p>
205
+ </div>
206
  </div>
207
+ </div>
208
+
209
+ <!-- Function 2 -->
210
+ <div class="relative group">
211
+ <div class="absolute -inset-1 bg-gradient-to-r from-amber-500 to-amber-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div>
212
+ <div class="relative bg-white rounded-lg p-6 h-full card-hover">
213
+ <div class="flex items-center">
214
+ <div class="flex-shrink-0 bg-amber-500 rounded-md p-3 text-white">
215
+ <i class="fas fa-weight text-xl"></i>
216
  </div>
217
+ <div class="ml-4">
218
+ <h3 class="text-lg font-medium text-gray-900">Sistema nervioso</h3>
 
219
  </div>
220
  </div>
221
+ <div class="mt-4">
222
+ <p class="text-gray-600">
223
+ - Suprime el apetito al actuar sobre n煤cleos hipotal谩micos<br>
224
+ - Induce saciedad<br>
225
+ - Regula preferencias alimentarias<br>
226
+ - Reducel consumo de alimentos
227
+ </p>
228
+ </div>
229
  </div>
230
  </div>
231
+
232
+ <!-- Function 3 -->
233
+ <div class="relative group">
234
+ <div class="absolute -inset-1 bg-gradient-to-r from-emerald-500 to-emerald-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div>
235
+ <div class="relative bg-white rounded-lg p-6 h-full card-hover">
236
+ <div class="flex items-center">
237
+ <div class="flex-shrink-0 bg-emerald-500 rounded-md p-3 text-white">
238
+ <i class="fas fa-heart text-xl"></i>
239
  </div>
240
+ <div class="ml-4">
241
+ <h3 class="text-lg font-medium text-gray-900">Tracto gastrointestinal</h3>
 
242
  </div>
243
  </div>
244
+ <div class="mt-4">
245
+ <p class="text-gray-600">
246
+ - Retrasa el vaciamiento g谩strico<br>
247
+ - Reduce la motilidad intestinal<br>
248
+ - Disminuye la absorci贸n de nutrientes<br>
249
+ - Puede tener efectos protectores sobre la mucosa
250
+ </p>
251
+ </div>
252
  </div>
253
+ </div>
254
+
255
+ <!-- Function 4 -->
256
+ <div class="relative group">
257
+ <div class="absolute -inset-1 bg-gradient-to-r from-purple-500 to-purple-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div>
258
+ <div class="relative bg-white rounded-lg p-6 h-full card-hover">
259
+ <div class="flex items-center">
260
+ <div class="flex-shrink-0 bg-purple-500 rounded-md p-3 text-white">
261
+ <i class="fas fa-heartbeat text-xl"></i>
262
  </div>
263
+ <div class="ml-4">
264
+ <h3 class="text-lg font-medium text-gray-900">Sistema cardiovascular</h3>
 
265
  </div>
266
  </div>
267
+ <div class="mt-4">
268
+ <p class="text-gray-600">
269
+ - Mejora la funci贸n endotelial<br>
270
+ - Efectos cardioprotectores<br>
271
+ - Reduce la presi贸n arterial<br>
272
+ - Disminuye la inflamaci贸n vascular
273
+ </p>
274
+ </div>
275
  </div>
276
  </div>
277
  </div>
278
  </div>
279
  </div>
280
+ </div>
281
 
282
+ <!-- Research Section -->
283
+ <div id="research" class="bg-white py-16">
284
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
285
+ <div class="lg:text-center">
286
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Avances cient铆ficos</h2>
287
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
288
+ Investigaci贸n sobre GLP-1
289
+ </p>
290
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
291
+ Descubrimientos recientes y direcciones futuras de investigaci贸n.
292
+ </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
293
  </div>
 
294
 
295
+ <div class="mt-12">
296
+ <div class="bg-gray-50 rounded-xl p-8 md:p-12 shadow-inner">
297
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
 
 
 
 
 
 
298
  <div>
299
+ <h3 class="text-lg font-medium text-indigo-600 mb-4">Mecanismos de acci贸n</h3>
300
+ <ul class="space-y-4">
301
+ <li class="flex items-start">
302
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
303
+ <i class="fas fa-check text-xs"></i>
304
+ </span>
305
+ <p class="ml-3 text-gray-600">Receptor GLP-1 acoplado a prote铆na G (GLP-1R) distribuido en m煤ltiples 贸rganos</p>
306
+ </li>
307
+ <li class="flex items-start">
308
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
309
+ <i class="fas fa-check text-xs"></i>
310
+ </span>
311
+ <p class="ml-3 text-gray-600">Activaci贸n de AMPK y otras v铆as intracelulares</p>
312
+ </li>
313
+ <li class="flex items-start">
314
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
315
+ <i class="fas fa-check text-xs"></i>
316
+ </span>
317
+ <p class="ml-3 text-gray-600">Influencia en la plasticidad sin谩ptica neuronal</p>
318
+ </li>
319
+ </ul>
320
  </div>
321
  <div>
322
+ <h3 class="text-lg font-medium text-indigo-600 mb-4">脕reas prometedoras</h3>
323
+ <ul class="space-y-4">
324
+ <li class="flex items-start">
325
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
326
+ <i class="fas fa-brain text-xs"></i>
327
+ </span>
328
+ <p class="ml-3 text-gray-600">Potencial en enfermedades neurodegenerativas</p>
329
+ </li>
330
+ <li class="flex items-start">
331
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
332
+ <i class="fas fa-heart text-xs"></i>
333
+ </span>
334
+ <p class="ml-3 text-gray-600">Efectos cardioprotectores en insuficiencia card铆aca</p>
335
+ </li>
336
+ <li class="flex items-start">
337
+ <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600">
338
+ <i class="fas fa-weight text-xs"></i>
339
+ </span>
340
+ <p class="ml-3 text-gray-600">Nuevos an谩logos con mayor duraci贸n de acci贸n</p>
341
+ </li>
342
+ </ul>
343
  </div>
344
  </div>
345
+
346
+ <div class="mt-10 bg-white p-6 rounded-lg shadow-sm border border-gray-100">
347
+ <div class="flex">
348
+ <div class="flex-shrink-0">
349
+ <i class="fas fa-flask text-indigo-500 text-2xl"></i>
350
+ </div>
351
+ <div class="ml-4">
352
+ <h4 class="text-lg font-medium text-gray-900">Impacto en diabetes tipo 2</h4>
353
+ <p class="mt-2 text-gray-600">
354
+ Los an谩logos de GLP-1 han revolucionado el tratamiento de la diabetes tipo 2, no solo mejorando el control gluc茅mico sino tambi茅n promoviendo la p茅rdida de peso y mostrando efectos protectores cardiovasculares en ensayos cl铆nicos.
355
+ </p>
356
+ </div>
357
  </div>
358
  </div>
359
  </div>
360
  </div>
361
  </div>
362
+ </div>
363
+
364
+ <!-- Applications Section -->
365
+ <div id="applications" class="bg-indigo-50 py-16">
366
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
367
+ <div class="text-center">
368
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Usos terap茅uticos</h2>
369
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
370
+ Aplicaciones cl铆nicas de GLP-1
371
+ </p>
372
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
373
+ Terapias basadas en GLP-1 para diversas condiciones m茅dicas.
374
+ </p>
375
+ </div>
376
 
377
+ <div class="mt-12">
378
+ <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
379
+ <!-- App 1 -->
380
+ <div class="pt-6">
381
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
382
+ <div class="-mt-6">
383
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
384
+ <i class="fas fa-vial text-xl"></i>
385
+ </div>
386
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Diabetes Mellitus Tipo 2</h3>
387
+ <p class="mt-5 text-base text-gray-500">
388
+ An谩logos de GLP-1 como exenatida, liraglutida, dulaglutida, y semaglutida mejoran el control gluc茅mico con bajo riesgo de hipoglucemia.
389
+ </p>
390
  </div>
 
391
  </div>
 
392
  </div>
393
+
394
+ <!-- App 2 -->
395
+ <div class="pt-6">
396
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
397
+ <div class="-mt-6">
398
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
399
+ <i class="fas fa-weight text-xl"></i>
400
+ </div>
401
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Obesidad</h3>
402
+ <p class="mt-5 text-base text-gray-500">
403
+ Liraglutida y semaglutida en dosis m谩s altas est谩n aprobadas para el tratamiento de la obesidad, mostrando reducciones significativas de peso.
404
+ </p>
405
  </div>
 
406
  </div>
 
407
  </div>
408
+
409
+ <!-- App 3 -->
410
+ <div class="pt-6">
411
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
412
+ <div class="-mt-6">
413
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
414
+ <i class="fas fa-brain text-xl"></i>
415
+ </div>
416
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Enfermedades Neurodegenerativas</h3>
417
+ <p class="mt-5 text-base text-gray-500">
418
+ En investigaci贸n para enfermedades como Alzheimer y Parkinson, mostrando potencial neuroprotector en modelos animales.
419
+ </p>
420
  </div>
 
421
  </div>
 
422
  </div>
423
+
424
+ <!-- App 4 -->
425
+ <div class="pt-6">
426
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
427
+ <div class="-mt-6">
428
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
429
+ <i class="fas fa-heart text-xl"></i>
430
+ </div>
431
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Enfermedad Cardiovascular</h3>
432
+ <p class="mt-5 text-base text-gray-500">
433
+ Algunos an谩logos han demostrado reducir eventos cardiovasculares mayores en pacientes con diabetes y enfermedad cardiovascular establecida.
434
+ </p>
435
  </div>
 
436
  </div>
 
437
  </div>
 
 
 
438
 
439
+ <!-- App 5 -->
440
+ <div class="pt-6">
441
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
442
+ <div class="-mt-6">
443
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
444
+ <i class="fas fa-pills text-xl"></i>
445
+ </div>
446
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">S铆ndrome Metab贸lico</h3>
447
+ <p class="mt-5 text-base text-gray-500">
448
+ Beneficios sobre m煤ltiples componentes del s铆ndrome metab贸lico, incluyendo resistencia a la insulina, obesidad abdominal y dislipidemia.
449
+ </p>
450
+ </div>
 
 
451
  </div>
 
452
  </div>
453
+
454
+ <!-- App 6 -->
455
+ <div class="pt-6">
456
+ <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover">
457
+ <div class="-mt-6">
458
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto">
459
+ <i class="fas fa-liver text-xl"></i>
460
+ </div>
461
+ <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">EHNA (Esteatohepatitis No Alcoh贸lica)</h3>
462
+ <p class="mt-5 text-base text-gray-500">
463
+ Estudios en curso analizan su potencial para reducir la inflamaci贸n y fibrosis hep谩tica en pacientes con EHNA.
464
+ </p>
465
+ </div>
466
  </div>
 
467
  </div>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ </div>
472
+
473
+ <!-- Comparison Table -->
474
+ <div class="bg-white py-16">
475
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
476
+ <div class="sm:flex sm:items-center">
477
+ <div class="sm:flex-auto">
478
+ <h2 class="text-xl font-semibold text-gray-900">Comparaci贸n de an谩logos de GLP-1</h2>
479
+ <p class="mt-2 text-sm text-gray-600">
480
+ Principales caracter铆sticas de los f谩rmacos basados en GLP-1 disponibles actualmente.
481
+ </p>
482
+ </div>
483
+ </div>
484
+ <div class="mt-8 flex flex-col">
485
+ <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
486
+ <div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
487
+ <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
488
+ <table class="min-w-full divide-y divide-gray-300">
489
+ <thead class="bg-gray-50">
490
+ <tr>
491
+ <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">F谩rmaco</th>
492
+ <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Frecuencia</th>
493
+ <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Aprobaci贸n</th>
494
+ <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Efecto HbA1c</th>
495
+ <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">P茅rdida de peso</th>
496
+ </tr>
497
+ </thead>
498
+ <tbody class="divide-y divide-gray-200 bg-white">
499
+ <tr>
500
+ <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Exenatida</td>
501
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2x/d铆a o 1x/semana</td>
502
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2005</td>
503
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-0.7 a -1.3%</td>
504
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2-3 kg</td>
505
+ </tr>
506
+ <tr>
507
+ <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Liraglutida</td>
508
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1x/d铆a</td>
509
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2009</td>
510
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-0.8 a -1.5%</td>
511
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2-4 kg (4.5 kg en obesidad)</td>
512
+ </tr>
513
+ <tr>
514
+ <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Dulaglutida</td>
515
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1x/semana</td>
516
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2014</td>
517
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-1.0 a -1.6%</td>
518
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1-3 kg</td>
519
+ </tr>
520
+ <tr>
521
+ <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-indigo-600 sm:pl-6">Semaglutida</td>
522
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">1x/semana</td>
523
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">2017</td>
524
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">-1.5 a -2.0%</td>
525
+ <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">5-10 kg (15% en obesidad)</td>
526
+ </tr>
527
+ </tbody>
528
+ </table>
529
  </div>
 
530
  </div>
531
  </div>
 
 
 
 
532
  </div>
533
  </div>
534
  </div>
535
 
536
+ <!-- CTA -->
537
+ <div class="bg-indigo-700">
538
+ <div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8">
539
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
540
+ <span class="block">驴Quieres aprender m谩s sobre GLP-1?</span>
541
+ <span class="block text-indigo-200">Suscr铆bete a nuestra newsletter cient铆fica</span>
542
+ </h2>
543
+ <p class="mt-4 text-lg leading-6 text-indigo-200">
544
+ Recibe las 煤ltimas investigaciones, novedades terap茅uticas y avances en el campo de las incretinas directamente en tu correo.
545
+ </p>
546
+ <form class="mt-8 sm:flex">
547
+ <label for="email-address" class="sr-only">Email address</label>
548
+ <input id="email-address" name="email" type="email" autocomplete="email" required class="w-full px-5 py-3 placeholder-gray-500 focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 rounded-md" placeholder="Ingresa tu email">
549
+ <button type="submit" class="mt-3 w-full flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white sm:mt-0 sm:ml-3 sm:w-auto sm:flex-shrink-0">
550
+ Suscribirse
551
+ </button>
552
+ </form>
553
+ <p class="mt-3 text-sm text-indigo-200">
554
+ Respetamos tu privacidad. Sin spam, s贸lo contenido de valor.
555
+ </p>
556
+ </div>
557
+ </div>
558
+
559
+ <!-- Footer -->
560
+ <footer class="bg-gray-800">
561
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
562
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
563
+ <div>
564
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">GLP-1</h3>
565
+ <ul class="mt-4 space-y-4">
566
+ <li><a href="#about" class="text-base text-gray-300 hover:text-white">Inicio</a></li>
567
+ <li><a href="#functions" class="text-base text-gray-300 hover:text-white">Funciones</a></li>
568
+ <li><a href="#research" class="text-base text-gray-300 hover:text-white">Investigaci贸n</a></li>
569
+ <li><a href="#applications" class="text-base text-gray-300 hover:text-white">Aplicaciones</a></li>
570
+ </ul>
571
+ </div>
572
+ <div>
573
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Recursos</h3>
574
+ <ul class="mt-4 space-y-4">
575
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Art铆culos cient铆ficos</a></li>
576
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Gu铆as cl铆nicas</a></li>
577
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Ensayos cl铆nicos</a></li>
578
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Protocolos</a></li>
579
+ </ul>
580
+ </div>
581
+ <div>
582
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Comunidad</h3>
583
+ <ul class="mt-4 space-y-4">
584
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Foro cient铆fico</a></li>
585
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Eventos</a></li>
586
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Webinars</a></li>
587
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Cursos</a></li>
588
+ </ul>
589
+ </div>
590
+ <div>
591
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Contacto</h3>
592
+ <ul class="mt-4 space-y-4">
593
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">[email protected]</a></li>
594
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">+1 (555) 123-4567</a></li>
595
+ <li class="flex space-x-6 mt-6">
596
+ <a href="#" class="text-gray-400 hover:text-white">
597
+ <i class="fab fa-facebook-f"></i>
598
+ </a>
599
+ <a href="#" class="text-gray-400 hover:text-white">
600
+ <i class="fab fa-twitter"></i>
601
+ </a>
602
+ <a href="#" class="text-gray-400 hover:text-white">
603
+ <i class="fab fa-linkedin-in"></i>
604
+ </a>
605
+ <a href="#" class="text-gray-400 hover:text-white">
606
+ <i class="fab fa-youtube"></i>
607
+ </a>
608
+ </li>
609
+ </ul>
610
+ </div>
611
+ </div>
612
+ <div class="mt-12 border-t border-gray-700 pt-8">
613
+ <p class="text-base text-gray-400 text-center">
614
+ &copy; 2023 Centro de Investigaci贸n en GLP-1. Todos los derechos reservados.
615
+ </p>
616
+ </div>
617
+ </div>
618
+ </footer>
619
+
620
+ <!-- Back to top button -->
621
+ <button id="back-to-top" class="hidden fixed bottom-8 right-8 p-3 bg-indigo-600 text-white rounded-full shadow-lg hover:bg-indigo-700 transition duration-300">
622
+ <i class="fas fa-arrow-up"></i>
623
+ </button>
624
+
625
  <script>
626
+ // Mobile menu toggle
627
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
628
+ const menu = document.getElementById('mobile-menu');
629
+ menu.classList.toggle('hidden');
630
+ });
631
+
632
+ // Back to top button
633
+ const backToTopButton = document.getElementById('back-to-top');
634
+ window.addEventListener('scroll', function() {
635
+ if (window.pageYOffset > 300) {
636
+ backToTopButton.classList.remove('hidden');
637
+ } else {
638
+ backToTopButton.classList.add('hidden');
639
+ }
640
+ });
641
+
642
+ backToTopButton.addEventListener('click', function() {
643
+ window.scrollTo({
644
+ top: 0,
645
+ behavior: 'smooth'
 
 
 
 
 
 
 
 
 
 
 
 
 
 
646
  });
647
+ });
648
+
649
+ // Smooth scrolling for anchor links
650
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
651
+ anchor.addEventListener('click', function (e) {
652
+ e.preventDefault();
653
+ const targetId = this.getAttribute('href');
654
+ if (targetId === '#') return;
655
+
656
+ const targetElement = document.querySelector(targetId);
657
+ if (targetElement) {
658
+ targetElement.scrollIntoView({
659
+ behavior: 'smooth'
660
+ });
661
+
662
+ // Close mobile menu if open
663
+ const mobileMenu = document.getElementById('mobile-menu');
664
+ if (!mobileMenu.classList.contains('hidden')) {
665
+ mobileMenu.classList.add('hidden');
666
  }
667
  }
668
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
669
  });
670
  </script>
671
  <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=venezianof/ricercheaa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
prompts.txt CHANGED
@@ -1 +1,3 @@
1
- glp1 plasticita 10slides
 
 
 
1
+ glp1 plasticita 10slides
2
+ glp1 proteina g
3
+ glp1 proteina g