Hugging Face's logo

Spaces:
luigi12345
/
Hospital_AI_Proposal
Running

App Files Community
Sami commited on
Commit
af14a86
·
1 Parent(s): 34d7afd

s

Browse files
Files changed (14) hide show
  1. assets/css/main.css +85 -0
  2. assets/js/main.js +64 -1
  3. index.html +141 -254
  4. investors/overview.html +76 -49
  5. papers.html +66 -127
  6. proposals/nhs/nhs-detailed-proposal.html +147 -153
  7. proposals/nhs/nhs-formal-proposal.html +105 -143
  8. proposals/nhs/nhs-proposal.html +0 -0
  9. proposals/spanish/12-octubre-proposal.html +77 -11
  10. proposals/spanish/spanish-hospital-proposal.html +116 -142
  11. templates/contact-buttons.html +12 -0
  12. templates/footer.html +5 -0
  13. templates/header.html +8 -0
  14. templates/nav.html +12 -0
assets/css/main.css ADDED
@@ -0,0 +1,85 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Base styles */
2
+ :root {
3
+ --primary: #3B82F6;
4
+ --primary-hover: #2563EB;
5
+ --secondary: #4B5563;
6
+ --bg-dark: #111827;
7
+ --bg-darker: #0F172A;
8
+ }
9
+
10
+ /* Language toggle */
11
+ [lang="en"] { display: none; }
12
+ .lang-en [lang="en"] { display: block; }
13
+ .lang-en [lang="es"] { display: none; }
14
+
15
+ /* Layout */
16
+ .container {
17
+ @apply max-w-6xl mx-auto px-4;
18
+ }
19
+
20
+ /* Navigation */
21
+ .nav-link {
22
+ @apply transition-all duration-300;
23
+ }
24
+ .nav-link:hover {
25
+ transform: translateY(-2px);
26
+ }
27
+
28
+ /* Cards */
29
+ .card {
30
+ @apply transition-all duration-300 bg-gray-800 bg-opacity-50 p-6 rounded-lg border border-gray-700;
31
+ background: linear-gradient(135deg, rgba(31, 41, 55, 0.98), rgba(17, 24, 39, 0.98));
32
+ }
33
+ .card:hover {
34
+ transform: translateY(-2px);
35
+ @apply shadow-lg border-opacity-50;
36
+ }
37
+
38
+ /* Buttons */
39
+ .btn {
40
+ @apply transition-all duration-300 inline-flex items-center justify-center gap-2;
41
+ }
42
+ .btn:hover {
43
+ transform: translateY(-1px);
44
+ }
45
+
46
+ /* Timeline */
47
+ .timeline ol {
48
+ @apply border-l-2 border-gray-600 pl-6;
49
+ }
50
+ .timeline li {
51
+ @apply relative mb-6;
52
+ }
53
+ .timeline li:before {
54
+ content: '';
55
+ @apply absolute -left-[27px] top-1 w-4 h-4 bg-blue-500 rounded-full;
56
+ }
57
+
58
+ /* Tooltips */
59
+ .tooltip {
60
+ @apply absolute bottom-full right-0 mb-2 bg-black text-white text-sm py-1 px-2 rounded opacity-0 transition-opacity;
61
+ }
62
+ .group:hover .tooltip {
63
+ @apply opacity-100;
64
+ }
65
+
66
+ /* Contact buttons */
67
+ .contact-btn {
68
+ @apply btn p-4 rounded-full group relative;
69
+ }
70
+ .contact-btn.whatsapp {
71
+ @apply bg-green-600 hover:bg-green-700;
72
+ }
73
+ .contact-btn.email {
74
+ @apply bg-blue-600 hover:bg-blue-700;
75
+ }
76
+
77
+ /* Responsive */
78
+ @media (max-width: 768px) {
79
+ .card {
80
+ @apply p-4;
81
+ }
82
+ .timeline ol {
83
+ @apply pl-4;
84
+ }
85
+ }
assets/js/main.js CHANGED
@@ -56,4 +56,67 @@ const initComponents = () => {
56
  window.hospitalAI = {
57
  optimizePrint,
58
  initComponents
59
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56
  window.hospitalAI = {
57
  optimizePrint,
58
  initComponents
59
+ };
60
+
61
+ // Language handling
62
+ const LanguageManager = {
63
+ toggle() {
64
+ const body = document.body;
65
+ const currentLang = body.getAttribute('data-language');
66
+ const newLang = currentLang === 'es' ? 'en' : 'es';
67
+ body.setAttribute('data-language', newLang);
68
+ body.classList.toggle('lang-en');
69
+ localStorage.setItem('preferred-language', newLang);
70
+ },
71
+
72
+ initialize() {
73
+ const preferredLanguage = localStorage.getItem('preferred-language') || 'es';
74
+ if (preferredLanguage === 'en') {
75
+ document.body.setAttribute('data-language', 'en');
76
+ document.body.classList.add('lang-en');
77
+ }
78
+ }
79
+ };
80
+
81
+ // Document viewer
82
+ const DocViewer = {
83
+ open(url) {
84
+ const viewer = document.getElementById('docViewer');
85
+ const frame = document.getElementById('docFrame');
86
+ frame.src = url;
87
+ viewer.classList.add('active');
88
+ document.body.style.overflow = 'hidden';
89
+ },
90
+
91
+ close() {
92
+ const viewer = document.getElementById('docViewer');
93
+ const frame = document.getElementById('docFrame');
94
+ frame.src = '';
95
+ viewer.classList.remove('active');
96
+ document.body.style.overflow = 'auto';
97
+ }
98
+ };
99
+
100
+ // Initialize everything
101
+ document.addEventListener('DOMContentLoaded', () => {
102
+ LanguageManager.initialize();
103
+
104
+ // Close doc viewer on escape
105
+ document.addEventListener('keydown', (e) => {
106
+ if (e.key === 'Escape') DocViewer.close();
107
+ });
108
+
109
+ // Smooth scroll for anchor links
110
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
111
+ anchor.addEventListener('click', (e) => {
112
+ e.preventDefault();
113
+ document.querySelector(anchor.getAttribute('href'))
114
+ .scrollIntoView({ behavior: 'smooth' });
115
+ });
116
+ });
117
+ });
118
+
119
+ // Export for global use
120
+ window.toggleLanguage = LanguageManager.toggle;
121
+ window.openDoc = DocViewer.open;
122
+ window.closeDoc = DocViewer.close;
index.html CHANGED
@@ -6,7 +6,7 @@
6
  <meta name="theme-color" content="#000000">
7
  <meta name="description" content="Instituto IA para Salud - Transformando el futuro de la medicina con inteligencia artificial">
8
  <meta name="keywords" content="IA médica, salud, inteligencia artificial, medicina, diagnóstico">
9
- <title>Instituto IA para Salud | Innovación en Medicina</title>
10
 
11
  <!-- Enhanced UI Libraries -->
12
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
@@ -31,14 +31,13 @@
31
  transition: all 0.2s;
32
  }
33
  .card {
34
- @apply transition-all duration-300;
35
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.98), rgba(17, 24, 39, 0.98));
36
  border: 1px solid rgba(255, 255, 255, 0.1);
37
  }
38
  .card:hover {
39
- transform: translateY(-4px);
40
- box-shadow: 0 10px 25px rgba(0,0,0,0.3);
41
- border-color: rgba(59, 130, 246, 0.5);
42
  }
43
  [lang="en"] { display: none; }
44
  .lang-en [lang="en"] { display: block; }
@@ -72,15 +71,14 @@
72
  }
73
 
74
  .doc-viewer {
75
- display: none;
76
  position: fixed;
77
  top: 0;
78
  left: 0;
79
  width: 100%;
80
  height: 100%;
81
  background: rgba(0, 0, 0, 0.9);
82
- z-index: 1000;
83
- padding: 2rem;
84
  }
85
 
86
  .doc-viewer.active {
@@ -91,8 +89,6 @@
91
  width: 100%;
92
  height: 100%;
93
  border: none;
94
- border-radius: 10px;
95
- background: white;
96
  }
97
 
98
  .doc-viewer .close-btn {
@@ -100,7 +96,7 @@
100
  top: 1rem;
101
  right: 1rem;
102
  color: white;
103
- font-size: 2rem;
104
  cursor: pointer;
105
  }
106
 
@@ -285,46 +281,45 @@
285
  min-width: 200px;
286
  }
287
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
288
  </style>
289
  <!-- Add favicon -->
290
  <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png">
 
291
  </head>
292
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
293
- <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg">
294
- <div class="max-w-6xl mx-auto flex justify-between items-center">
295
- <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline">
296
- <img src="https://cdn-icons-png.flaticon.com/512/9373/9373979.png" alt="IA Hospital Hub" class="w-8 h-8 md:w-10 md:h-10 object-contain">
297
- <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span>
298
- </a>
299
- <div class="flex items-center gap-2 md:gap-4">
300
- <div class="dropdown relative inline-block">
301
- <button class="nav-link flex items-center gap-2 px-3 py-1.5 md:px-4 md:py-2 rounded-lg hover:bg-gray-700 text-sm md:text-base">
302
- <img src="https://cdn-icons-png.flaticon.com/512/3190/3190675.png" alt="Proposals" class="w-4 h-4 md:w-5 md:h-5">
303
- <span class="hidden md:inline" lang="es">Propuestas</span>
304
- <span class="hidden md:inline" lang="en">Proposals</span>
305
- <i class="fas fa-chevron-down text-xs ml-1"></i>
306
- </button>
307
- <div class="dropdown-content hidden absolute right-0 mt-2 bg-gray-800 rounded-lg shadow-xl p-2 min-w-[240px] z-50">
308
- <a href="/proposals/12-octubre-proposal.html" class="block p-3 hover:bg-gray-700 rounded-lg transition-colors">
309
- <div class="flex items-center gap-3">
310
- <img src="https://cdn-icons-png.flaticon.com/512/4825/4825856.png" alt="Hospital" class="w-5 h-5">
311
- <div>
312
- <div class="font-medium text-sm">Hospital 12 de Octubre</div>
313
- <div class="text-xs text-gray-400">Propuesta Específica</div>
314
- </div>
315
- </div>
316
- </a>
317
- </div>
318
- </div>
319
- <a href="https://wa.me/34679794037" target="_blank" class="btn bg-[#25D366] hover:bg-[#128C7E] px-3 py-1.5 md:px-4 md:py-2 rounded-full flex items-center gap-2 transition-colors no-underline text-sm md:text-base">
320
- <img src="https://cdn-icons-png.flaticon.com/512/3670/3670051.png" alt="WhatsApp" class="w-4 h-4 md:w-5 md:h-5">
321
- <span class="font-medium hidden md:inline">WHATSAPP</span>
322
- </a>
323
- </div>
324
- </div>
325
- </nav>
326
 
327
- <div class="max-w-6xl mx-auto p-8">
328
  <!-- Hero Section -->
329
  <div class="text-center mb-12">
330
  <h1 class="text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
@@ -389,46 +384,53 @@
389
  <span lang="es">Propuesta específica para el Hospital 12 de Octubre</span>
390
  <span lang="en">Specific proposal for Hospital 12 de Octubre</span>
391
  </p>
392
- <div class="mt-4 text-sm text-blue-400">
393
- <span lang="es">Ver Detalles →</span>
394
- <span lang="en">View Details →</span>
395
- </div>
396
  </a>
397
- <a href="proposals/spanish-hospital-proposal.html"
398
  class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
399
  <div class="flex items-center mb-4">
400
- <span class="text-purple-400 text-2xl mr-3">📄</span>
401
  <h3 class="text-xl font-bold">
402
- <span lang="es">Sistema Sanitario Español</span>
403
- <span lang="en">Spanish Healthcare System</span>
404
  </h3>
405
  </div>
406
  <p class="text-gray-300">
407
- <span lang="es">Propuesta general para el sistema sanitario español</span>
408
- <span lang="en">General proposal for Spanish healthcare system</span>
409
  </p>
410
- <div class="mt-4 text-sm text-blue-400">
411
- <span lang="es">Ver Detalles →</span>
412
- <span lang="en">View Details →</span>
 
 
 
413
  </div>
 
 
 
 
414
  </a>
415
- <a href="paper.html"
416
  class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
417
  <div class="flex items-center mb-4">
418
- <span class="text-blue-400 text-2xl mr-3">📝</span>
419
- <h3 class="text-xl font-bold">
420
- <span lang="es">Paper Completo</span>
421
- <span lang="en">Full Paper</span>
422
- </h3>
423
  </div>
424
  <p class="text-gray-300">
425
- <span lang="es">Propuesta detallada y análisis completo</span>
426
- <span lang="en">Detailed proposal and complete analysis</span>
427
  </p>
428
- <div class="mt-4 text-sm text-blue-400">
429
- <span lang="es">Ver Paper →</span>
430
- <span lang="en">View Paper →</span>
 
 
 
431
  </div>
 
 
 
 
432
  </a>
433
  </div>
434
  </div>
@@ -497,77 +499,87 @@
497
  </div>
498
  </div>
499
 
500
- <!-- Add dedicated projects section -->
501
- <div id="projects" class="bg-gray-800 bg-opacity-50 p-8 rounded-xl shadow-lg mt-8">
502
- <h2 class="text-3xl font-bold mb-6 flex items-center gap-3">
503
- <img src="https://cdn-icons-png.flaticon.com/512/3190/3190675.png" alt="Projects" class="w-8 h-8">
504
- <span class="text-blue-400">
505
- <span lang="es">Proyectos</span>
506
- <span lang="en">Projects</span>
507
- </span>
508
  </h2>
509
- <div class="grid md:grid-cols-3 gap-6">
510
- <a href="projects/autoglaucoma.html" class="card block p-6 hover:scale-[1.02] transition-all duration-300">
511
- <div class="flex items-center gap-4 mb-4">
512
- <div class="bg-blue-500/10 p-3 rounded-xl">
513
- <img src="https://cdn-icons-png.flaticon.com/512/4497/4497889.png" alt="AutoGlaucoma AI" class="w-12 h-12">
514
- </div>
515
- <div>
516
- <h3 class="text-xl font-bold text-blue-400">AutoGlaucoma AI</h3>
517
- <div class="text-xs text-blue-300/60 mt-1">AI-Powered Eye Analysis</div>
518
- </div>
519
  </div>
520
  <p class="text-gray-300">
521
- <span lang="es">Sistema de detección temprana de glaucoma mediante IA</span>
522
- <span lang="en">Early glaucoma detection system using AI</span>
523
  </p>
524
- <div class="flex items-center gap-2 mt-4 text-blue-400">
525
- <span class="text-sm">Learn More</span>
526
- <img src="https://cdn-icons-png.flaticon.com/512/2990/2990159.png" alt="Arrow" class="w-4 h-4">
527
- </div>
528
  </a>
529
- <a href="projects/automedical.html" class="card block p-6 hover:scale-[1.02] transition-all duration-300">
530
- <div class="flex items-center gap-4 mb-4">
531
- <div class="bg-purple-500/10 p-3 rounded-xl">
532
- <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="AutoMedical AI" class="w-12 h-12">
533
- </div>
534
- <div>
535
- <h3 class="text-xl font-bold text-purple-400">AutoMedical AI</h3>
536
- <div class="text-xs text-purple-300/60 mt-1">Medical Diagnosis Platform</div>
537
- </div>
538
  </div>
539
  <p class="text-gray-300">
540
- <span lang="es">Plataforma integral de diagnóstico médico</span>
541
- <span lang="en">Comprehensive medical diagnostic platform</span>
542
  </p>
543
- <div class="flex items-center gap-2 mt-4 text-purple-400">
544
- <span class="text-sm">Learn More</span>
545
- <img src="https://cdn-icons-png.flaticon.com/512/2990/2990159.png" alt="Arrow" class="w-4 h-4">
546
- </div>
547
  </a>
548
- <a href="projects/analytics.html" class="card block p-6 hover:scale-[1.02] transition-all duration-300">
549
- <div class="flex items-center gap-4 mb-4">
550
- <div class="bg-emerald-500/10 p-3 rounded-xl">
551
- <img src="https://cdn-icons-png.flaticon.com/512/3388/3388603.png" alt="Hospital Analytics" class="w-12 h-12">
552
- </div>
553
- <div>
554
- <h3 class="text-xl font-bold text-emerald-400">Hospital Analytics</h3>
555
- <div class="text-xs text-emerald-300/60 mt-1">Advanced Data Analysis</div>
556
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
557
  </div>
558
- <p class="text-gray-300">
559
- <span lang="es">Análisis avanzado de datos hospitalarios</span>
560
- <span lang="en">Advanced hospital data analytics</span>
 
 
 
 
 
 
 
 
561
  </p>
562
- <div class="flex items-center gap-2 mt-4 text-emerald-400">
563
- <span class="text-sm">Learn More</span>
564
- <img src="https://cdn-icons-png.flaticon.com/512/2990/2990159.png" alt="Arrow" class="w-4 h-4">
 
 
 
565
  </div>
566
- </a>
567
  </div>
568
- </div>
569
  </div>
570
- </div>
571
 
572
  <!-- Document Viewer -->
573
  <div id="docViewer" class="doc-viewer">
@@ -575,134 +587,9 @@
575
  <iframe id="docFrame" src=""></iframe>
576
  </div>
577
 
578
- <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10">
579
- <div class="max-w-6xl mx-auto px-8 grid grid-cols-1 md:grid-cols-4 gap-8">
580
- <div>
581
- <h4 class="text-lg font-bold mb-4">IA Hospital Hub</h4>
582
- <p class="text-gray-400">
583
- <span lang="es">Transformando la sanidad con soluciones de IA innovadoras y accesibles.</span>
584
- <span lang="en">Transforming healthcare with innovative and accessible AI solutions.</span>
585
- </p>
586
- </div>
587
- <div>
588
- <h4 class="text-lg font-bold mb-4">
589
- <span lang="es">Proyectos</span>
590
- <span lang="en">Projects</span>
591
- </h4>
592
- <ul class="space-y-2 text-gray-400">
593
- <li><a href="projects/autoglaucoma.html" class="hover:text-blue-400">AutoGlaucoma AI</a></li>
594
- <li><a href="projects/automedical.html" class="hover:text-blue-400">AutoMedicalAI</a></li>
595
- <li><a href="projects/analytics.html" class="hover:text-blue-400">Hospital Analytics</a></li>
596
- </ul>
597
- </div>
598
- <div>
599
- <h4 class="text-lg font-bold mb-4">
600
- <span lang="es">Recursos</span>
601
- <span lang="en">Resources</span>
602
- </h4>
603
- <ul class="space-y-2 text-gray-400">
604
- <li><a href="documentation.html" class="hover:text-blue-400">
605
- <span lang="es">Documentación</span>
606
- <span lang="en">Documentation</span>
607
- </a></li>
608
- <li><a href="api.html" class="hover:text-blue-400">API</a></li>
609
- <li><a href="papers.html" class="hover:text-blue-400">
610
- <span lang="es">Papers</span>
611
- <span lang="en">Papers</span>
612
- </a></li>
613
- </ul>
614
- </div>
615
- <div>
616
- <h4 class="text-lg font-bold mb-4">
617
- <span lang="es">Contacto</span>
618
- <span lang="en">Contact</span>
619
- </h4>
620
- <ul class="space-y-2 text-gray-400">
621
- <li>
622
- <a href="mailto:[email protected]" class="hover:text-blue-400">
623
- [email protected]
624
- </a>
625
- </li>
626
- <li>
627
- <a href="https://wa.me/34679794037" target="_blank" class="hover:text-blue-400">
628
- <i class="fab fa-whatsapp mr-2"></i>
629
- <span lang="es">WhatsApp</span>
630
- <span lang="en">WhatsApp</span>
631
- </a>
632
- </li>
633
- <li>Madrid, España</li>
634
- </ul>
635
- </div>
636
- </div>
637
- </footer>
638
-
639
- <script>
640
- function toggleLanguage() {
641
- const body = document.body;
642
- const currentLang = body.getAttribute('data-language');
643
- const newLang = currentLang === 'es' ? 'en' : 'es';
644
- body.setAttribute('data-language', newLang);
645
- body.classList.toggle('lang-en');
646
- localStorage.setItem('preferred-language', newLang);
647
- }
648
-
649
- // Initialize
650
- document.addEventListener('DOMContentLoaded', () => {
651
- const preferredLanguage = localStorage.getItem('preferred-language') || 'es';
652
- if (preferredLanguage === 'en') {
653
- document.body.setAttribute('data-language', 'en');
654
- document.body.classList.add('lang-en');
655
- }
656
- });
657
-
658
- // Document viewer functions
659
- function openDoc(url) {
660
- const docViewer = document.getElementById('docViewer');
661
- const docFrame = document.getElementById('docFrame');
662
-
663
- // Show loading state
664
- docViewer.classList.add('active');
665
- docFrame.classList.add('loading');
666
- document.body.style.overflow = 'hidden';
667
-
668
- // Load document
669
- docFrame.onload = () => {
670
- docFrame.classList.remove('loading');
671
- };
672
- docFrame.src = url;
673
- }
674
-
675
- function closeDoc() {
676
- document.getElementById('docViewer').classList.remove('active');
677
- document.getElementById('docFrame').src = '';
678
- document.body.style.overflow = 'auto';
679
- }
680
 
681
- // Close doc viewer on escape key
682
- document.addEventListener('keydown', (e) => {
683
- if (e.key === 'Escape') closeDoc();
684
- });
685
-
686
- // Add smooth scrolling
687
- document.querySelectorAll('a[href^="#"]').forEach(anchor => {
688
- anchor.addEventListener('click', function (e) {
689
- e.preventDefault();
690
- document.querySelector(this.getAttribute('href')).scrollIntoView({
691
- behavior: 'smooth'
692
- });
693
- });
694
- });
695
-
696
- // Add loading feedback
697
- function showLoading(element) {
698
- element.classList.add('loading');
699
- element.setAttribute('disabled', 'true');
700
- }
701
-
702
- function hideLoading(element) {
703
- element.classList.remove('loading');
704
- element.removeAttribute('disabled');
705
- }
706
- </script>
707
  </body>
708
  </html>
 
6
  <meta name="theme-color" content="#000000">
7
  <meta name="description" content="Instituto IA para Salud - Transformando el futuro de la medicina con inteligencia artificial">
8
  <meta name="keywords" content="IA médica, salud, inteligencia artificial, medicina, diagnóstico">
9
+ <title>IA Hospital Hub | Innovación en Medicina</title>
10
 
11
  <!-- Enhanced UI Libraries -->
12
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
 
31
  transition: all 0.2s;
32
  }
33
  .card {
34
+ transition: all 0.3s ease;
35
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.98), rgba(17, 24, 39, 0.98));
36
  border: 1px solid rgba(255, 255, 255, 0.1);
37
  }
38
  .card:hover {
39
+ transform: translateY(-2px);
40
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 
41
  }
42
  [lang="en"] { display: none; }
43
  .lang-en [lang="en"] { display: block; }
 
71
  }
72
 
73
  .doc-viewer {
 
74
  position: fixed;
75
  top: 0;
76
  left: 0;
77
  width: 100%;
78
  height: 100%;
79
  background: rgba(0, 0, 0, 0.9);
80
+ z-index: 100;
81
+ display: none;
82
  }
83
 
84
  .doc-viewer.active {
 
89
  width: 100%;
90
  height: 100%;
91
  border: none;
 
 
92
  }
93
 
94
  .doc-viewer .close-btn {
 
96
  top: 1rem;
97
  right: 1rem;
98
  color: white;
99
+ font-size: 1.5rem;
100
  cursor: pointer;
101
  }
102
 
 
281
  min-width: 200px;
282
  }
283
  }
284
+
285
+ /* Add consistent button styling */
286
+ .btn {
287
+ transition: all 0.3s ease;
288
+ display: inline-flex;
289
+ align-items: center;
290
+ justify-content: center;
291
+ gap: 0.5rem;
292
+ }
293
+
294
+ /* Add consistent timeline styling */
295
+ .timeline ol {
296
+ border-left: 2px solid #4B5563;
297
+ padding-left: 1.5rem;
298
+ }
299
+ .timeline li {
300
+ position: relative;
301
+ margin-bottom: 1.5rem;
302
+ }
303
+ .timeline li:before {
304
+ content: '';
305
+ position: absolute;
306
+ left: -1.75rem;
307
+ top: 0.25rem;
308
+ width: 1rem;
309
+ height: 1rem;
310
+ background: #3B82F6;
311
+ border-radius: 50%;
312
+ }
313
  </style>
314
  <!-- Add favicon -->
315
  <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png">
316
+ <link rel="stylesheet" href="/assets/css/main.css">
317
  </head>
318
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
319
+ <!-- Include shared nav -->
320
+ <include src="/templates/nav.html"></include>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
321
 
322
+ <main class="container">
323
  <!-- Hero Section -->
324
  <div class="text-center mb-12">
325
  <h1 class="text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
 
384
  <span lang="es">Propuesta específica para el Hospital 12 de Octubre</span>
385
  <span lang="en">Specific proposal for Hospital 12 de Octubre</span>
386
  </p>
 
 
 
 
387
  </a>
388
+ <a href="proposals/spanish/spanish-hospital-proposal.html"
389
  class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
390
  <div class="flex items-center mb-4">
391
+ <span class="text-blue-400 text-2xl mr-3">🏥</span>
392
  <h3 class="text-xl font-bold">
393
+ <span lang="es">Propuesta Hospital Genérica</span>
394
+ <span lang="en">Generic Hospital Proposal</span>
395
  </h3>
396
  </div>
397
  <p class="text-gray-300">
398
+ <span lang="es">Propuesta genérica para hospitales en España</span>
399
+ <span lang="en">Generic proposal for hospitals in Spain</span>
400
  </p>
401
+ </a>
402
+ <a href="proposals/nhs/nhs-proposal.html"
403
+ class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
404
+ <div class="flex items-center mb-4">
405
+ <span class="text-blue-400 text-2xl mr-3">🇬🇧</span>
406
+ <h3 class="text-xl font-bold">NHS Proposal</h3>
407
  </div>
408
+ <p class="text-gray-300">
409
+ <span lang="es">Propuesta para el NHS</span>
410
+ <span lang="en">Proposal for the NHS</span>
411
+ </p>
412
  </a>
413
+ <a href="proposals/nhs/nhs-formal-proposal.html"
414
  class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
415
  <div class="flex items-center mb-4">
416
+ <span class="text-blue-400 text-2xl mr-3">🇬🇧</span>
417
+ <h3 class="text-xl font-bold">NHS Formal Proposal</h3>
 
 
 
418
  </div>
419
  <p class="text-gray-300">
420
+ <span lang="es">Propuesta formal para el NHS</span>
421
+ <span lang="en">Formal proposal for the NHS</span>
422
  </p>
423
+ </a>
424
+ <a href="proposals/nhs/nhs-detailed-proposal.html"
425
+ class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
426
+ <div class="flex items-center mb-4">
427
+ <span class="text-blue-400 text-2xl mr-3">🇬🇧</span>
428
+ <h3 class="text-xl font-bold">NHS Detailed Proposal</h3>
429
  </div>
430
+ <p class="text-gray-300">
431
+ <span lang="es">Propuesta detallada para el NHS</span>
432
+ <span lang="en">Detailed proposal for the NHS</span>
433
+ </p>
434
  </a>
435
  </div>
436
  </div>
 
499
  </div>
500
  </div>
501
 
502
+ <!-- Projects Section -->
503
+ <div id="projects" class="bg-gray-800 bg-opacity-50 p-8 rounded-xl shadow-lg">
504
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
505
+ <span lang="es">Proyectos</span>
506
+ <span lang="en">Projects</span>
 
 
 
507
  </h2>
508
+ <div class="grid md:grid-cols-2 gap-6">
509
+ <a href="projects/automedical.html"
510
+ class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
511
+ <div class="flex items-center mb-4">
512
+ <span class="text-blue-400 text-2xl mr-3">🤖</span>
513
+ <h3 class="text-xl font-bold">AutoMedical AI</h3>
 
 
 
 
514
  </div>
515
  <p class="text-gray-300">
516
+ <span lang="es">Proyecto de IA para automatización médica</span>
517
+ <span lang="en">AI project for medical automation</span>
518
  </p>
 
 
 
 
519
  </a>
520
+ <a href="projects/analytics.html"
521
+ class="card block p-6 bg-gray-700 rounded-lg border border-gray-600">
522
+ <div class="flex items-center mb-4">
523
+ <span class="text-blue-400 text-2xl mr-3">📊</span>
524
+ <h3 class="text-xl font-bold">Hospital Analytics</h3>
 
 
 
 
525
  </div>
526
  <p class="text-gray-300">
527
+ <span lang="es">Proyecto de análisis de datos hospitalarios</span>
528
+ <span lang="en">Hospital data analytics project</span>
529
  </p>
 
 
 
 
530
  </a>
531
+ </div>
532
+ </div>
533
+
534
+ <!-- Papers Section -->
535
+ <section class="section">
536
+ <h2 class="text-3xl font-bold mb-6 text-white flex items-center gap-3">
537
+ <i class="fas fa-file-alt"></i>
538
+ <span lang="es">Publicaciones Recientes</span>
539
+ <span lang="en">Recent Publications</span>
540
+ </h2>
541
+ <div class="grid md:grid-cols-2 gap-6">
542
+ <!-- FERMED Paper v1 -->
543
+ <div class="card p-6 hover:shadow-xl">
544
+ <h3 class="text-xl font-bold mb-2">
545
+ <span lang="es">FERMED: Modelos de Visión-Lenguaje para Diagnóstico Médico</span>
546
+ <span lang="en">FERMED: Vision-Language Models for Medical Diagnosis</span>
547
+ </h3>
548
+ <p class="text-gray-300 mb-4">
549
+ <span lang="es">Un enfoque innovador para el diagnóstico médico utilizando IA avanzada</span>
550
+ <span lang="en">An innovative approach to medical diagnosis using advanced AI</span>
551
+ </p>
552
+ <div class="flex gap-4">
553
+ <a href="/papers/research/fermed-vlm-paper.html" class="btn btn-primary">
554
+ <i class="fas fa-eye mr-2"></i>
555
+ <span lang="es">Ver Paper</span>
556
+ <span lang="en">View Paper</span>
557
+ </a>
558
  </div>
559
+ </div>
560
+
561
+ <!-- FERMED Paper v2 -->
562
+ <div class="card p-6 hover:shadow-xl">
563
+ <h3 class="text-xl font-bold mb-2">
564
+ <span lang="es">FERMED v2: Validación Clínica y Aplicaciones</span>
565
+ <span lang="en">FERMED v2: Clinical Validation and Applications</span>
566
+ </h3>
567
+ <p class="text-gray-300 mb-4">
568
+ <span lang="es">Resultados de validación y casos de uso en entornos clínicos</span>
569
+ <span lang="en">Validation results and use cases in clinical settings</span>
570
  </p>
571
+ <div class="flex gap-4">
572
+ <a href="/papers/research/fermed-vlm-paper-v2.html" class="btn btn-primary">
573
+ <i class="fas fa-eye mr-2"></i>
574
+ <span lang="es">Ver Paper</span>
575
+ <span lang="en">View Paper</span>
576
+ </a>
577
  </div>
578
+ </div>
579
  </div>
580
+ </section>
581
  </div>
582
+ </main>
583
 
584
  <!-- Document Viewer -->
585
  <div id="docViewer" class="doc-viewer">
 
587
  <iframe id="docFrame" src=""></iframe>
588
  </div>
589
 
590
+ <!-- Include shared footer -->
591
+ <include src="/templates/footer.html"></include>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
592
 
593
+ <script src="/assets/js/main.js"></script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
594
  </body>
595
  </html>
investors/overview.html CHANGED
@@ -3,61 +3,88 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Investment Opportunities in Healthcare AI | IA Hospital Hub</title>
7
- <!-- ... (standard head content) ... -->
 
 
8
  </head>
9
- <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen">
10
- <nav><!-- ... standard nav ... --></nav>
11
-
12
- <main class="max-w-6xl mx-auto p-8">
13
- <section class="hero mb-12">
14
- <h1 class="text-4xl font-bold mb-4">
15
- <span lang="es">Oportunidades de Inversión en IA Médica</span>
16
- <span lang="en">Healthcare AI Investment Opportunities</span>
17
- </h1>
18
-
19
- <div class="stats grid md:grid-cols-3 gap-6 my-8">
20
- <div class="stat-card">
21
- <div class="text-3xl font-bold text-blue-400">€2.5B</div>
22
- <div class="text-sm">TAM Europa 2024</div>
23
- </div>
24
- <div class="stat-card">
25
- <div class="text-3xl font-bold text-green-400">94%</div>
26
- <div class="text-sm">Precisión Diagnóstica</div>
27
- </div>
28
- <div class="stat-card">
29
- <div class="text-3xl font-bold text-purple-400">32%</div>
30
- <div class="text-sm">ROI Proyectado</div>
31
- </div>
32
- </div>
33
- </section>
34
 
35
- <section class="market-opportunity mb-12">
36
- <!-- Market size, growth, opportunity -->
 
 
 
 
 
 
 
 
 
 
 
 
37
  </section>
38
-
39
- <section class="technology mb-12">
40
- <!-- Tech overview, IP, advantages -->
 
 
 
 
 
 
41
  </section>
42
-
43
- <section class="traction mb-12">
44
- <!-- Current partnerships, results -->
 
 
 
 
 
 
45
  </section>
46
-
47
- <section class="team mb-12">
48
- <!-- Key team members -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
  </section>
50
-
51
- <div class="cta-section">
52
- <a href="/assets/pitch-deck.pdf" class="btn">
53
- <i class="fas fa-download"></i>
54
- <span>Download Pitch Deck</span>
55
- </a>
56
- <a href="https://calendly.com/your-link" class="btn">
57
- <i class="fas fa-calendar"></i>
58
- <span>Schedule Meeting</span>
59
- </a>
60
- </div>
61
  </main>
 
 
 
 
 
 
 
 
62
  </body>
63
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Investors Overview | IA Hospital Hub</title>
7
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
+ <link rel="stylesheet" href="/assets/css/main.css">
10
  </head>
11
+ <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
12
+ <!-- Include shared nav -->
13
+ <include src="/templates/nav.html"></include>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
14
 
15
+ <main class="container">
16
+ <h1 class="text-4xl font-bold mb-8 text-blue-400 text-center">
17
+ <span lang="es">Visión General para Inversores</span>
18
+ <span lang="en">Investors Overview</span>
19
+ </h1>
20
+ <section class="mb-12">
21
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
22
+ <span lang="es">Nuestra Misión</span>
23
+ <span lang="en">Our Mission</span>
24
+ </h2>
25
+ <p class="text-gray-300 text-lg mb-4">
26
+ <span lang="es">Nuestra misión es revolucionar la atención médica mediante la implementación de soluciones de inteligencia artificial innovadoras.</span>
27
+ <span lang="en">Our mission is to revolutionize healthcare by implementing innovative artificial intelligence solutions.</span>
28
+ </p>
29
  </section>
30
+ <section class="mb-12">
31
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
32
+ <span lang="es">Oportunidad de Mercado</span>
33
+ <span lang="en">Market Opportunity</span>
34
+ </h2>
35
+ <p class="text-gray-300 text-lg mb-4">
36
+ <span lang="es">El mercado de la IA en la salud está en rápido crecimiento, y estamos posicionados para liderar esta transformación.</span>
37
+ <span lang="en">The market for AI in healthcare is rapidly growing, and we are positioned to lead this transformation.</span>
38
+ </p>
39
  </section>
40
+ <section class="mb-12">
41
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
42
+ <span lang="es">Nuestra Tecnología</span>
43
+ <span lang="en">Our Technology</span>
44
+ </h2>
45
+ <p class="text-gray-300 text-lg mb-4">
46
+ <span lang="es">Utilizamos modelos de aprendizaje profundo y procesamiento de lenguaje natural para ofrecer soluciones precisas y eficientes.</span>
47
+ <span lang="en">We use deep learning models and natural language processing to deliver accurate and efficient solutions.</span>
48
+ </p>
49
  </section>
50
+ <section class="mb-12">
51
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
52
+ <span lang="es">Equipo</span>
53
+ <span lang="en">Team</span>
54
+ </h2>
55
+ <p class="text-gray-300 text-lg mb-4">
56
+ <span lang="es">Nuestro equipo está compuesto por expertos en IA, medicina y desarrollo de software.</span>
57
+ <span lang="en">Our team is composed of experts in AI, medicine, and software development.</span>
58
+ </p>
59
+ </section>
60
+ <section class="mb-12">
61
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
62
+ <span lang="es">Proyecciones Financieras</span>
63
+ <span lang="en">Financial Projections</span>
64
+ </h2>
65
+ <p class="text-gray-300 text-lg mb-4">
66
+ <span lang="es">Proyectamos un crecimiento significativo en los próximos años, con un fuerte retorno de la inversión.</span>
67
+ <span lang="en">We project significant growth in the coming years, with a strong return on investment.</span>
68
+ </p>
69
+ </section>
70
+ <section class="mb-12">
71
+ <h2 class="text-3xl font-bold mb-6 text-blue-400">
72
+ <span lang="es">Contacto</span>
73
+ <span lang="en">Contact</span>
74
+ </h2>
75
+ <p class="text-gray-300 text-lg mb-4">
76
+ <span lang="es">Para más información, contáctenos en <a href="mailto:[email protected]" class="text-blue-500">[email protected]</a>.</span>
77
+ <span lang="en">For more information, contact us at <a href="mailto:[email protected]" class="text-blue-500">[email protected]</a>.</span>
78
+ </p>
79
  </section>
 
 
 
 
 
 
 
 
 
 
 
80
  </main>
81
+
82
+ <!-- Include shared contact buttons -->
83
+ <include src="/templates/contact-buttons.html"></include>
84
+
85
+ <!-- Include shared footer -->
86
+ <include src="/templates/footer.html"></include>
87
+
88
+ <script src="/assets/js/main.js"></script>
89
  </body>
90
  </html>
papers.html CHANGED
@@ -6,141 +6,80 @@
6
  <title>Papers & Research | IA Hospital Hub</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
- <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png">
10
  </head>
11
- <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen">
12
- <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg">
13
- <div class="max-w-6xl mx-auto flex justify-between items-center">
14
- <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline">
15
- <img src="https://cdn-icons-png.flaticon.com/512/9373/9373979.png" alt="IA Hospital Hub" class="w-8 h-8 md:w-10 md:h-10 object-contain">
16
- <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span>
17
- </a>
18
- </div>
19
- </nav>
20
 
21
- <main class="max-w-6xl mx-auto p-8">
22
- <h1 class="text-4xl font-bold mb-8 flex items-center gap-4">
23
- <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Papers" class="w-10 h-10">
24
- Papers & Research
25
  </h1>
26
-
27
  <div class="grid md:grid-cols-2 gap-8">
28
- <!-- AutoGlaucoma Research -->
29
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl">
30
- <div class="flex items-center gap-4 mb-6">
31
- <img src="https://cdn-icons-png.flaticon.com/512/4497/4497889.png" alt="AutoGlaucoma" class="w-12 h-12">
32
- <h2 class="text-2xl font-bold text-blue-400">AutoGlaucoma Research</h2>
33
- </div>
34
- <div class="space-y-6">
35
- <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg">
36
- <div class="flex items-center gap-3 mb-3">
37
- <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Technical" class="w-6 h-6">
38
- <h3 class="font-bold">Technical Paper</h3>
39
- </div>
40
- <p class="text-gray-300 mb-4">Deep Learning for Early Glaucoma Detection: A Novel Approach</p>
41
- <div class="flex items-center gap-4">
42
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
43
- <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5">
44
- PDF
45
- </a>
46
- <span class="text-gray-500">|</span>
47
- <span class="text-gray-400">2024</span>
48
- </div>
49
- </div>
50
- <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg">
51
- <div class="flex items-center gap-3 mb-3">
52
- <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Research" class="w-6 h-6">
53
- <h3 class="font-bold">Research Results</h3>
54
- </div>
55
- <p class="text-gray-300 mb-4">Clinical Validation Study of AutoGlaucoma AI System</p>
56
- <div class="flex items-center gap-4">
57
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
58
- <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5">
59
- PDF
60
- </a>
61
- <span class="text-gray-500">|</span>
62
- <span class="text-gray-400">2024</span>
63
- </div>
64
- </div>
65
- </div>
66
  </div>
67
-
68
- <!-- AutoMedical Research -->
69
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl">
70
- <div class="flex items-center gap-4 mb-6">
71
- <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="AutoMedical" class="w-12 h-12">
72
- <h2 class="text-2xl font-bold text-blue-400">AutoMedical Research</h2>
73
- </div>
74
- <div class="space-y-6">
75
- <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg">
76
- <div class="flex items-center gap-3 mb-3">
77
- <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="White Paper" class="w-6 h-6">
78
- <h3 class="font-bold">White Paper</h3>
79
- </div>
80
- <p class="text-gray-300 mb-4">Integrated AI Solutions for Modern Healthcare Systems</p>
81
- <div class="flex items-center gap-4">
82
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
83
- <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5">
84
- PDF
85
- </a>
86
- <span class="text-gray-500">|</span>
87
- <span class="text-gray-400">2024</span>
88
- </div>
89
- </div>
90
- <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg">
91
- <div class="flex items-center gap-3 mb-3">
92
- <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Implementation" class="w-6 h-6">
93
- <h3 class="font-bold">Implementation Study</h3>
94
- </div>
95
- <p class="text-gray-300 mb-4">Real-world Implementation of AI in Spanish Hospitals</p>
96
- <div class="flex items-center gap-4">
97
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
98
- <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5">
99
- PDF
100
- </a>
101
- <span class="text-gray-500">|</span>
102
- <span class="text-gray-400">2024</span>
103
- </div>
104
- </div>
105
- </div>
106
  </div>
107
- </div>
108
-
109
- <!-- Latest Publications -->
110
- <section class="mt-12">
111
- <h2 class="text-3xl font-bold mb-6 text-purple-400 flex items-center gap-3">
112
- <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Latest" class="w-8 h-8">
113
- Latest Publications
114
- </h2>
115
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl">
116
- <div class="space-y-6">
117
- <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg">
118
- <div class="flex items-center justify-between">
119
- <div class="flex items-center gap-3">
120
- <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Impact" class="w-6 h-6">
121
- <h3 class="font-bold">Impact of AI in Spanish Healthcare</h3>
122
- </div>
123
- <span class="text-gray-400">2024</span>
124
- </div>
125
- <p class="text-gray-300 mt-2">A comprehensive study on the implementation and impact of AI solutions in Spanish hospitals.</p>
126
- <div class="flex items-center gap-4 mt-4">
127
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
128
- <img src="https://cdn-icons-png.flaticon.com/512/2990/2990159.png" alt="Read More" class="w-5 h-5">
129
- Read More
130
- </a>
131
- </div>
132
- </div>
133
- </div>
134
  </div>
135
- </section>
136
- </main>
137
-
138
- <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10">
139
- <div class="max-w-6xl mx-auto px-8">
140
- <div class="text-center text-gray-400">
141
- <p>© 2024 IA Hospital Hub. Todos los derechos reservados.</p>
 
 
 
 
 
 
142
  </div>
143
  </div>
144
- </footer>
 
 
 
 
 
145
  </body>
146
  </html>
 
6
  <title>Papers & Research | IA Hospital Hub</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
+ <link rel="stylesheet" href="/assets/css/main.css">
10
  </head>
11
+ <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
12
+ <!-- Include shared nav -->
13
+ <include src="/templates/nav.html"></include>
 
 
 
 
 
 
14
 
15
+ <main class="container">
16
+ <h1 class="text-4xl font-bold mb-8 text-blue-400 text-center">
17
+ <span lang="es">Artículos e Investigación</span>
18
+ <span lang="en">Papers & Research</span>
19
  </h1>
 
20
  <div class="grid md:grid-cols-2 gap-8">
21
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
22
+ <h2 class="text-2xl font-bold mb-4 text-blue-400">
23
+ <span lang="es">Fermed VLM Paper</span>
24
+ <span lang="en">Fermed VLM Paper</span>
25
+ </h2>
26
+ <p class="text-gray-300 mb-4">
27
+ <span lang="es">Un análisis profundo del modelo Fermed VLM.</span>
28
+ <span lang="en">An in-depth analysis of the Fermed VLM model.</span>
29
+ </p>
30
+ <a href="papers/research/fermed-vlm-paper.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
31
+ <span lang="es">Leer más</span>
32
+ <span lang="en">Read More</span>
33
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  </div>
35
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
36
+ <h2 class="text-2xl font-bold mb-4 text-blue-400">
37
+ <span lang="es">Fermed VLM Paper v2</span>
38
+ <span lang="en">Fermed VLM Paper v2</span>
39
+ </h2>
40
+ <p class="text-gray-300 mb-4">
41
+ <span lang="es">Una versión actualizada del modelo Fermed VLM.</span>
42
+ <span lang="en">An updated version of the Fermed VLM model.</span>
43
+ </p>
44
+ <a href="papers/research/fermed-vlm-paper-v2.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
45
+ <span lang="es">Leer más</span>
46
+ <span lang="en">Read More</span>
47
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
48
  </div>
49
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
50
+ <h2 class="text-2xl font-bold mb-4 text-blue-400">
51
+ <span lang="es">Borrador Fermed VLM 1</span>
52
+ <span lang="en">Fermed VLM Draft 1</span>
53
+ </h2>
54
+ <p class="text-gray-300 mb-4">
55
+ <span lang="es">Primer borrador del paper Fermed VLM.</span>
56
+ <span lang="en">First draft of the Fermed VLM paper.</span>
57
+ </p>
58
+ <a href="papers/drafts/fermed-vlm-draft-1.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
59
+ <span lang="es">Leer más</span>
60
+ <span lang="en">Read More</span>
61
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62
  </div>
63
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
64
+ <h2 class="text-2xl font-bold mb-4 text-blue-400">
65
+ <span lang="es">Borrador Fermed VLM 2</span>
66
+ <span lang="en">Fermed VLM Draft 2</span>
67
+ </h2>
68
+ <p class="text-gray-300 mb-4">
69
+ <span lang="es">Segundo borrador del paper Fermed VLM.</span>
70
+ <span lang="en">Second draft of the Fermed VLM paper.</span>
71
+ </p>
72
+ <a href="papers/drafts/fermed-vlm-draft-2.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
73
+ <span lang="es">Leer más</span>
74
+ <span lang="en">Read More</span>
75
+ </a>
76
  </div>
77
  </div>
78
+ </main>
79
+
80
+ <!-- Include shared footer -->
81
+ <include src="/templates/footer.html"></include>
82
+
83
+ <script src="/assets/js/main.js"></script>
84
  </body>
85
  </html>
proposals/nhs/nhs-detailed-proposal.html CHANGED
@@ -5,174 +5,168 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>NHS Detailed Proposal | Propuesta Detallada NHS</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
- <style>
9
- [lang="en"] { display: none; }
10
- .lang-en [lang="en"] { display: block; }
11
- .lang-en [lang="es"] { display: none; }
12
- </style>
13
  </head>
14
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
15
- <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg">
16
- <div class="max-w-6xl mx-auto flex justify-between items-center">
17
- <a href="/" class="text-2xl font-bold text-blue-400">
18
- <span lang="es">← Volver</span>
19
- <span lang="en">← Back</span>
20
- </a>
21
- <button onclick="toggleLanguage()" class="bg-blue-500 px-3 py-1 rounded-full text-sm hover:bg-blue-600">
22
- <span lang="es">EN</span>
23
- <span lang="en">ES</span>
24
- </button>
25
- </div>
26
- </nav>
27
 
28
- <div class="max-w-4xl mx-auto p-8">
29
- <h1 class="text-4xl font-bold mb-8 text-blue-400">NHS AI Implementation</h1>
30
-
31
- <!-- Executive Summary -->
32
- <section class="mb-12">
33
- <h2 class="text-2xl font-bold mb-4">
34
- <span lang="es">Resumen Ejecutivo</span>
35
- <span lang="en">Executive Summary</span>
36
- </h2>
37
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
38
- <p lang="es" class="text-gray-300">
39
- Propuesta detallada para la implementación de IA en el NHS, enfocada en mejorar la eficiencia y calidad del servicio.
40
- </p>
41
- <p lang="en" class="text-gray-300">
42
- Detailed proposal for AI implementation in the NHS, focused on improving service efficiency and quality.
43
- </p>
44
  </div>
45
- </section>
46
-
47
- <!-- Technical Specifications -->
48
- <section class="mb-12">
49
- <h2 class="text-2xl font-bold mb-4">
50
- <span lang="es">Especificaciones Técnicas</span>
51
- <span lang="en">Technical Specifications</span>
52
- </h2>
53
- <div class="grid md:grid-cols-2 gap-6">
54
  <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
55
- <h3 class="text-xl font-bold mb-3 text-blue-400">
56
- <span lang="es">Infraestructura</span>
57
- <span lang="en">Infrastructure</span>
58
- </h3>
59
- <ul class="list-disc list-inside text-gray-300">
60
- <li lang="es">Procesamiento en la nube</li>
61
- <li lang="es">Almacenamiento seguro</li>
62
- <li lang="es">Redundancia geográfica</li>
63
- <li lang="en">Cloud processing</li>
64
- <li lang="en">Secure storage</li>
65
- <li lang="en">Geographic redundancy</li>
66
- </ul>
67
  </div>
68
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
69
- <h3 class="text-xl font-bold mb-3 text-blue-400">
70
- <span lang="es">Integración</span>
71
- <span lang="en">Integration</span>
72
- </h3>
73
- <ul class="list-disc list-inside text-gray-300">
74
- <li lang="es">APIs estandarizadas</li>
75
- <li lang="es">Interoperabilidad total</li>
76
- <li lang="es">Sistemas legacy</li>
77
- <li lang="en">Standardized APIs</li>
78
- <li lang="en">Full interoperability</li>
79
- <li lang="en">Legacy systems</li>
80
- </ul>
81
- </div>
82
- </div>
83
- </section>
84
 
85
- <!-- Implementation Timeline -->
86
- <section class="mb-12">
87
- <h2 class="text-2xl font-bold mb-4">
88
- <span lang="es">Cronograma de Implementación</span>
89
- <span lang="en">Implementation Timeline</span>
90
- </h2>
91
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
92
- <div class="space-y-4">
93
- <div>
94
- <h3 class="text-xl font-bold text-blue-400">Q1 2024</h3>
95
- <p class="text-gray-300">
96
- <span lang="es">Análisis y planificación inicial</span>
97
- <span lang="en">Initial analysis and planning</span>
98
- </p>
 
 
 
 
 
 
99
  </div>
100
- <div>
101
- <h3 class="text-xl font-bold text-blue-400">Q2-Q3 2024</h3>
102
- <p class="text-gray-300">
103
- <span lang="es">Desarrollo e implementación piloto</span>
104
- <span lang="en">Development and pilot implementation</span>
105
- </p>
106
- </div>
107
- <div>
108
- <h3 class="text-xl font-bold text-blue-400">Q4 2024</h3>
109
- <p class="text-gray-300">
110
- <span lang="es">Despliegue completo y evaluación</span>
111
- <span lang="en">Full deployment and evaluation</span>
112
- </p>
113
  </div>
114
  </div>
115
- </div>
116
- </section>
117
 
118
- <!-- Cost Analysis -->
119
- <section class="mb-12">
120
- <h2 class="text-2xl font-bold mb-4">
121
- <span lang="es">Análisis de Costes</span>
122
- <span lang="en">Cost Analysis</span>
123
- </h2>
124
- <div class="grid md:grid-cols-3 gap-6">
125
  <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
126
- <h3 class="text-xl font-bold mb-3 text-blue-400">
127
- <span lang="es">Inversión Inicial</span>
128
- <span lang="en">Initial Investment</span>
129
- </h3>
130
- <ul class="list-disc list-inside text-gray-300">
131
- <li lang="es">Infraestructura</li>
132
- <li lang="es">Desarrollo</li>
133
- <li lang="es">Formación</li>
134
- <li lang="en">Infrastructure</li>
135
- <li lang="en">Development</li>
136
- <li lang="en">Training</li>
137
- </ul>
138
- </div>
139
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
140
- <h3 class="text-xl font-bold mb-3 text-blue-400">
141
- <span lang="es">Costes Operativos</span>
142
- <span lang="en">Operating Costs</span>
143
- </h3>
144
- <ul class="list-disc list-inside text-gray-300">
145
- <li lang="es">Mantenimiento</li>
146
- <li lang="es">Soporte</li>
147
- <li lang="es">Actualizaciones</li>
148
- <li lang="en">Maintenance</li>
149
- <li lang="en">Support</li>
150
- <li lang="en">Updates</li>
151
- </ul>
152
  </div>
153
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
154
- <h3 class="text-xl font-bold mb-3 text-blue-400">ROI</h3>
155
- <ul class="list-disc list-inside text-gray-300">
156
- <li lang="es">Ahorro anual</li>
157
- <li lang="es">Eficiencia</li>
158
- <li lang="es">Beneficios</li>
159
- <li lang="en">Annual savings</li>
160
- <li lang="en">Efficiency</li>
161
- <li lang="en">Benefits</li>
162
- </ul>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
163
  </div>
164
- </div>
165
- </section>
166
  </div>
167
 
168
- <script>
169
- function toggleLanguage() {
170
- const body = document.body;
171
- const currentLang = body.getAttribute('data-language');
172
- const newLang = currentLang === 'es' ? 'en' : 'es';
173
- body.setAttribute('data-language', newLang);
174
- body.classList.toggle('lang-en');
175
- }
176
- </script>
177
  </body>
178
  </html>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>NHS Detailed Proposal | Propuesta Detallada NHS</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
+ <link rel="stylesheet" href="/assets/css/main.css">
 
 
 
10
  </head>
11
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
12
+ <!-- Include shared nav -->
13
+ <include src="/templates/nav.html"></include>
 
 
 
 
 
 
 
 
 
 
14
 
15
+ <div class="container">
16
+ <div class="max-w-4xl mx-auto p-8">
17
+ <div class="mb-8">
18
+ <a href="/" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
19
+ <i class="fas fa-arrow-left"></i>
20
+ <span lang="es">Volver</span>
21
+ <span lang="en">Back</span>
22
+ </a>
 
 
 
 
 
 
 
 
23
  </div>
24
+ <h1 class="text-4xl font-bold mb-8 text-blue-400">NHS AI Implementation</h1>
25
+
26
+ <!-- Executive Summary -->
27
+ <section class="mb-12">
28
+ <h2 class="text-2xl font-bold mb-4">
29
+ <span lang="es">Resumen Ejecutivo</span>
30
+ <span lang="en">Executive Summary</span>
31
+ </h2>
 
32
  <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
33
+ <p lang="es" class="text-gray-300">
34
+ Propuesta detallada para la implementación de IA en el NHS, enfocada en mejorar la eficiencia y calidad del servicio.
35
+ </p>
36
+ <p lang="en" class="text-gray-300">
37
+ Detailed proposal for AI implementation in the NHS, focused on improving service efficiency and quality.
38
+ </p>
 
 
 
 
 
 
39
  </div>
40
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
 
42
+ <!-- Technical Specifications -->
43
+ <section class="mb-12">
44
+ <h2 class="text-2xl font-bold mb-4">
45
+ <span lang="es">Especificaciones Técnicas</span>
46
+ <span lang="en">Technical Specifications</span>
47
+ </h2>
48
+ <div class="grid md:grid-cols-2 gap-6">
49
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
50
+ <h3 class="text-xl font-bold mb-3 text-blue-400">
51
+ <span lang="es">Infraestructura</span>
52
+ <span lang="en">Infrastructure</span>
53
+ </h3>
54
+ <ul class="list-disc list-inside text-gray-300">
55
+ <li lang="es">Procesamiento en la nube</li>
56
+ <li lang="es">Almacenamiento seguro</li>
57
+ <li lang="es">Redundancia geográfica</li>
58
+ <li lang="en">Cloud processing</li>
59
+ <li lang="en">Secure storage</li>
60
+ <li lang="en">Geographic redundancy</li>
61
+ </ul>
62
  </div>
63
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
64
+ <h3 class="text-xl font-bold mb-3 text-blue-400">
65
+ <span lang="es">Integración</span>
66
+ <span lang="en">Integration</span>
67
+ </h3>
68
+ <ul class="list-disc list-inside text-gray-300">
69
+ <li lang="es">APIs estandarizadas</li>
70
+ <li lang="es">Interoperabilidad total</li>
71
+ <li lang="es">Sistemas legacy</li>
72
+ <li lang="en">Standardized APIs</li>
73
+ <li lang="en">Full interoperability</li>
74
+ <li lang="en">Legacy systems</li>
75
+ </ul>
76
  </div>
77
  </div>
78
+ </section>
 
79
 
80
+ <!-- Implementation Timeline -->
81
+ <section class="mb-12">
82
+ <h2 class="text-2xl font-bold mb-4">
83
+ <span lang="es">Cronograma de Implementación</span>
84
+ <span lang="en">Implementation Timeline</span>
85
+ </h2>
 
86
  <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
87
+ <div class="space-y-4">
88
+ <div>
89
+ <h3 class="text-xl font-bold text-blue-400">Q1 2024</h3>
90
+ <p class="text-gray-300">
91
+ <span lang="es">Análisis y planificación inicial</span>
92
+ <span lang="en">Initial analysis and planning</span>
93
+ </p>
94
+ </div>
95
+ <div>
96
+ <h3 class="text-xl font-bold text-blue-400">Q2-Q3 2024</h3>
97
+ <p class="text-gray-300">
98
+ <span lang="es">Desarrollo e implementación piloto</span>
99
+ <span lang="en">Development and pilot implementation</span>
100
+ </p>
101
+ </div>
102
+ <div>
103
+ <h3 class="text-xl font-bold text-blue-400">Q4 2024</h3>
104
+ <p class="text-gray-300">
105
+ <span lang="es">Despliegue completo y evaluación</span>
106
+ <span lang="en">Full deployment and evaluation</span>
107
+ </p>
108
+ </div>
109
+ </div>
 
 
 
110
  </div>
111
+ </section>
112
+
113
+ <!-- Cost Analysis -->
114
+ <section class="mb-12">
115
+ <h2 class="text-2xl font-bold mb-4">
116
+ <span lang="es">Análisis de Costes</span>
117
+ <span lang="en">Cost Analysis</span>
118
+ </h2>
119
+ <div class="grid md:grid-cols-3 gap-6">
120
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
121
+ <h3 class="text-xl font-bold mb-3 text-blue-400">
122
+ <span lang="es">Inversión Inicial</span>
123
+ <span lang="en">Initial Investment</span>
124
+ </h3>
125
+ <ul class="list-disc list-inside text-gray-300">
126
+ <li lang="es">Infraestructura</li>
127
+ <li lang="es">Desarrollo</li>
128
+ <li lang="es">Formación</li>
129
+ <li lang="en">Infrastructure</li>
130
+ <li lang="en">Development</li>
131
+ <li lang="en">Training</li>
132
+ </ul>
133
+ </div>
134
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
135
+ <h3 class="text-xl font-bold mb-3 text-blue-400">
136
+ <span lang="es">Costes Operativos</span>
137
+ <span lang="en">Operating Costs</span>
138
+ </h3>
139
+ <ul class="list-disc list-inside text-gray-300">
140
+ <li lang="es">Mantenimiento</li>
141
+ <li lang="es">Soporte</li>
142
+ <li lang="es">Actualizaciones</li>
143
+ <li lang="en">Maintenance</li>
144
+ <li lang="en">Support</li>
145
+ <li lang="en">Updates</li>
146
+ </ul>
147
+ </div>
148
+ <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
149
+ <h3 class="text-xl font-bold mb-3 text-blue-400">ROI</h3>
150
+ <ul class="list-disc list-inside text-gray-300">
151
+ <li lang="es">Ahorro anual</li>
152
+ <li lang="es">Eficiencia</li>
153
+ <li lang="es">Beneficios</li>
154
+ <li lang="en">Annual savings</li>
155
+ <li lang="en">Efficiency</li>
156
+ <li lang="en">Benefits</li>
157
+ </ul>
158
+ </div>
159
  </div>
160
+ </section>
161
+ </div>
162
  </div>
163
 
164
+ <!-- Include shared contact buttons -->
165
+ <include src="/templates/contact-buttons.html"></include>
166
+
167
+ <!-- Include shared footer -->
168
+ <include src="/templates/footer.html"></include>
169
+
170
+ <script src="/assets/js/main.js"></script>
 
 
171
  </body>
172
  </html>
proposals/nhs/nhs-formal-proposal.html CHANGED
@@ -3,8 +3,9 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>NHS Formal Proposal | Propuesta Formal NHS</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
 
8
  <style>
9
  [lang="en"] { display: none; }
10
  .lang-en [lang="en"] { display: block; }
@@ -26,155 +27,116 @@
26
  </nav>
27
 
28
  <div class="max-w-4xl mx-auto p-8">
29
- <h1 class="text-4xl font-bold mb-8 text-blue-400">NHS Formal Documentation</h1>
30
-
31
- <!-- Executive Summary -->
32
- <section class="mb-12">
33
- <h2 class="text-2xl font-bold mb-4">
34
- <span lang="es">Documentación Oficial</span>
35
- <span lang="en">Official Documentation</span>
36
- </h2>
37
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
38
- <p lang="es" class="text-gray-300">
39
- Documentación formal y requisitos oficiales para la implementación de IA en el NHS.
40
- </p>
41
- <p lang="en" class="text-gray-300">
42
- Formal documentation and official requirements for AI implementation in the NHS.
 
 
43
  </p>
44
  </div>
45
- </section>
46
 
47
- <!-- Requirements -->
48
- <section class="mb-12">
49
- <h2 class="text-2xl font-bold mb-4">
50
- <span lang="es">Requisitos del Sistema</span>
51
- <span lang="en">System Requirements</span>
52
- </h2>
53
- <div class="grid md:grid-cols-2 gap-6">
54
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
55
- <h3 class="text-xl font-bold mb-3 text-blue-400">
56
- <span lang="es">Requisitos Técnicos</span>
57
- <span lang="en">Technical Requirements</span>
58
- </h3>
59
- <ul class="list-disc list-inside text-gray-300">
60
- <li lang="es">Compatibilidad NHS Digital</li>
61
- <li lang="es">Estándares de seguridad</li>
62
- <li lang="es">Protocolos de datos</li>
63
- <li lang="en">NHS Digital compatibility</li>
64
- <li lang="en">Security standards</li>
65
- <li lang="en">Data protocols</li>
66
- </ul>
67
- </div>
68
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
69
- <h3 class="text-xl font-bold mb-3 text-blue-400">
70
- <span lang="es">Requisitos Legales</span>
71
- <span lang="en">Legal Requirements</span>
72
- </h3>
73
- <ul class="list-disc list-inside text-gray-300">
74
- <li lang="es">GDPR y protección de datos</li>
75
- <li lang="es">Normativas NHS</li>
76
- <li lang="es">Certificaciones</li>
77
- <li lang="en">GDPR and data protection</li>
78
- <li lang="en">NHS regulations</li>
79
- <li lang="en">Certifications</li>
80
- </ul>
81
- </div>
82
- </div>
83
- </section>
84
 
85
- <!-- Documentation -->
86
- <section class="mb-12">
87
- <h2 class="text-2xl font-bold mb-4">
88
- <span lang="es">Documentación Requerida</span>
89
- <span lang="en">Required Documentation</span>
90
- </h2>
91
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
92
- <div class="space-y-4">
93
- <div>
94
- <h3 class="text-xl font-bold text-blue-400">
95
- <span lang="es">Documentación Técnica</span>
96
- <span lang="en">Technical Documentation</span>
97
- </h3>
98
- <p class="text-gray-300">
99
- <span lang="es">Especificaciones detalladas del sistema y arquitectura</span>
100
- <span lang="en">Detailed system specifications and architecture</span>
101
- </p>
102
- </div>
103
- <div>
104
- <h3 class="text-xl font-bold text-blue-400">
105
- <span lang="es">Documentación Legal</span>
106
- <span lang="en">Legal Documentation</span>
107
- </h3>
108
- <p class="text-gray-300">
109
- <span lang="es">Contratos, acuerdos y certificaciones</span>
110
- <span lang="en">Contracts, agreements, and certifications</span>
111
- </p>
112
- </div>
113
- <div>
114
- <h3 class="text-xl font-bold text-blue-400">
115
- <span lang="es">Documentación de Usuario</span>
116
- m <span lang="en">User Documentation</span>
117
- </h3>
118
- <p class="text-gray-300">
119
- <span lang="es">Manuales y guías de usuario</span>
120
- <span lang="en">User manuals and guides</span>
121
- </p>
122
- </div>
123
- </div>
124
- </div>
125
- </section>
126
 
127
- <!-- Compliance -->
128
- <section class="mb-12">
129
- <h2 class="text-2xl font-bold mb-4">
130
- <span lang="es">Cumplimiento Normativo</span>
131
- <span lang="en">Regulatory Compliance</span>
132
- </h2>
133
- <div class="grid md:grid-cols-3 gap-6">
134
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
135
- <h3 class="text-xl font-bold mb-3 text-blue-400">
136
- <span lang="es">Seguridad</span>
137
- <span lang="en">Security</span>
138
- </h3>
139
- <ul class="list-disc list-inside text-gray-300">
140
- <li lang="es">ISO 27001</li>
141
- <li lang="es">Cyber Essentials</li>
142
- <li lang="es">NHS DSP Toolkit</li>
143
- <li lang="en">ISO 27001</li>
144
- <li lang="en">Cyber Essentials</li>
145
- <li lang="en">NHS DSP Toolkit</li>
146
- </ul>
147
- </div>
148
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
149
- <h3 class="text-xl font-bold mb-3 text-blue-400">
150
- <span lang="es">Calidad</span>
151
- <span lang="en">Quality</span>
152
- </h3>
153
- <ul class="list-disc list-inside text-gray-300">
154
- <li lang="es">ISO 9001</li>
155
- <li lang="es">NHS QMS</li>
156
- <li lang="es">CE Marking</li>
157
- <li lang="en">ISO 9001</li>
158
- <li lang="en">NHS QMS</li>
159
- <li lang="en">CE Marking</li>
160
- </ul>
161
- </div>
162
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
163
- <h3 class="text-xl font-bold mb-3 text-blue-400">
164
- <span lang="es">Privacidad</span>
165
- <span lang="en">Privacy</span>
166
- </h3>
167
- <ul class="list-disc list-inside text-gray-300">
168
- <li lang="es">GDPR</li>
169
- <li lang="es">DPA 2018</li>
170
- <li lang="es">NHS IG</li>
171
- <li lang="en">GDPR</li>
172
- <li lang="en">DPA 2018</li>
173
- <li lang="en">NHS IG</li>
174
- </ul>
 
 
 
175
  </div>
 
 
 
 
 
 
 
 
 
 
 
176
  </div>
177
- </section>
178
  </div>
179
 
180
  <script>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NHS Formal Proposal | IA Hospital Hub</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
  <style>
10
  [lang="en"] { display: none; }
11
  .lang-en [lang="en"] { display: block; }
 
27
  </nav>
28
 
29
  <div class="max-w-4xl mx-auto p-8">
30
+ <div class="mb-8">
31
+ <a href="/" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
32
+ <i class="fas fa-arrow-left"></i>
33
+ <span lang="es">Volver</span>
34
+ <span lang="en">Back</span>
35
+ </a>
36
+ </div>
37
+
38
+ <article class="prose prose-invert max-w-none">
39
+ <h1><span lang="es">Propuesta Formal IA para el NHS</span><span lang="en">Formal AI Proposal for the NHS</span></h1>
40
+
41
+ <div class="bg-gray-800 rounded-xl p-6 mb-8">
42
+ <h2><span lang="es">Resumen Ejecutivo</span><span lang="en">Executive Summary</span></h2>
43
+ <p>
44
+ <span lang="es">Propuesta formal para la implementación de soluciones de IA en el NHS, detallando los objetivos, soluciones y beneficios esperados.</span>
45
+ <span lang="en">Formal proposal for the implementation of AI solutions in the NHS, detailing the objectives, solutions, and expected benefits.</span>
46
  </p>
47
  </div>
 
48
 
49
+ <section class="mb-12">
50
+ <h2><span lang="es">Objetivos</span><span lang="en">Objectives</span></h2>
51
+ <p>
52
+ <span lang="es">Mejorar la eficiencia, precisión y calidad de la atención médica en el NHS mediante la implementación de soluciones de IA.</span>
53
+ <span lang="en">Improve the efficiency, accuracy, and quality of healthcare in the NHS through the implementation of AI solutions.</span>
54
+ </p>
55
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56
 
57
+ <section class="mb-12">
58
+ <h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2>
59
+ <ul>
60
+ <li>
61
+ <span lang="es">Sistema de diagnóstico por imagen basado en IA para detección temprana de enfermedades.</span>
62
+ <span lang="en">AI-based image diagnostics system for early disease detection.</span>
63
+ </li>
64
+ <li>
65
+ <span lang="es">Plataforma de gestión de pacientes con IA para mejorar la eficiencia en la asignación de citas y seguimiento.</span>
66
+ <span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span>
67
+ </li>
68
+ <li>
69
+ <span lang="es">Herramientas de optimización de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span>
70
+ <span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span>
71
+ </li>
72
+ </ul>
73
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
 
75
+ <section class="mb-12">
76
+ <h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2>
77
+ <ul>
78
+ <li>
79
+ <span lang="es">Mejora en la precisión y rapidez del diagnóstico.</span>
80
+ <span lang="en">Improvement in diagnostic accuracy and speed.</span>
81
+ </li>
82
+ <li>
83
+ <span lang="es">Reducción de tiempos de espera para los pacientes.</span>
84
+ <span lang="en">Reduction in waiting times for patients.</span>
85
+ </li>
86
+ <li>
87
+ <span lang="es">Optimización de recursos y reducción de costes operativos.</span>
88
+ <span lang="en">Optimization of resources and reduction of operating costs.</span>
89
+ </li>
90
+ <li>
91
+ <span lang="es">Mejora en la calidad de la atención al paciente.</span>
92
+ <span lang="en">Improvement in the quality of patient care.</span>
93
+ </li>
94
+ </ul>
95
+ </section>
96
+
97
+ <section class="mb-12">
98
+ <h2><span lang="es">Presupuesto y Financiación</span><span lang="en">Budget and Funding</span></h2>
99
+ <p>
100
+ <span lang="es">El presupuesto detallado se proporcionará en un documento adjunto.</span>
101
+ <span lang="en">The detailed budget will be provided in an attached document.</span>
102
+ </p>
103
+ </section>
104
+
105
+ <section class="mb-12">
106
+ <h2><span lang="es">Implementación y Timeline</span><span lang="en">Implementation and Timeline</span></h2>
107
+ <div class="timeline">
108
+ <ol>
109
+ <li>
110
+ <span lang="es">Fase 1: Análisis y Planificación (1 mes)</span>
111
+ <span lang="en">Phase 1: Analysis and Planning (1 month)</span>
112
+ </li>
113
+ <li>
114
+ <span lang="es">Fase 2: Desarrollo e Implementación (3 meses)</span>
115
+ <span lang="en">Phase 2: Development and Implementation (3 months)</span>
116
+ </li>
117
+ <li>
118
+ <span lang="es">Fase 3: Pruebas y Validación (1 mes)</span>
119
+ <span lang="en">Phase 3: Testing and Validation (1 month)</span>
120
+ </li>
121
+ <li>
122
+ <span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span>
123
+ <span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span>
124
+ </li>
125
+ </ol>
126
  </div>
127
+ </section>
128
+
129
+ <div class="fixed bottom-8 right-8 flex gap-4">
130
+ <a href="https://wa.me/34679794037" target="_blank"
131
+ class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full">
132
+ <i class="fab fa-whatsapp text-xl"></i>
133
+ </a>
134
+ <a href="mailto:[email protected]"
135
+ class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full">
136
+ <i class="fas fa-envelope text-xl"></i>
137
+ </a>
138
  </div>
139
+ </article>
140
  </div>
141
 
142
  <script>
proposals/nhs/nhs-proposal.html CHANGED
The diff for this file is too large to render. See raw diff
 
proposals/spanish/12-octubre-proposal.html CHANGED
@@ -5,6 +5,8 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Hospital 12 de Octubre - Propuesta IA | AI Proposal</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
 
 
8
  <style>
9
  [lang="en"] { display: none; }
10
  .lang-en [lang="en"] { display: block; }
@@ -38,7 +40,10 @@
38
 
39
  <div class="bg-gray-800 rounded-xl p-6 mb-8">
40
  <h2>Resumen Ejecutivo</h2>
41
- <p>Implementación de soluciones de IA para mejorar la eficiencia y precisión diagnóstica...</p>
 
 
 
42
  </div>
43
 
44
  <div class="grid md:grid-cols-3 gap-6 mb-8">
@@ -57,34 +62,95 @@
57
  </div>
58
 
59
  <section class="mb-12">
60
- <h2>Estructura y Organización</h2>
 
 
 
 
 
 
 
 
61
  <ul>
62
- <li>Gerente del Hospital (Hospital Manager/CEO)</li>
63
- <li>Director Médico (Medical Director)</li>
64
- <li>Subdirector de Gestión</li>
 
 
 
 
 
 
 
 
 
65
  </ul>
66
  </section>
67
 
68
  <section class="mb-12">
69
- <h2>Presupuesto y Financiación</h2>
70
- <!-- Add content based on the image -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
71
  </section>
72
 
73
  <section class="mb-12">
74
- <h2>Implementación y Timeline</h2>
75
  <div class="timeline">
76
- <!-- Add implementation timeline -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  </div>
78
  </section>
79
 
80
  <div class="fixed bottom-8 right-8 flex gap-4">
81
  <a href="https://wa.me/34679794037" target="_blank"
82
- class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full">
83
  <i class="fab fa-whatsapp text-xl"></i>
 
84
  </a>
85
  <a href="mailto:[email protected]"
86
- class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full">
87
  <i class="fas fa-envelope text-xl"></i>
 
88
  </a>
89
  </div>
90
  </article>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Hospital 12 de Octubre - Propuesta IA | AI Proposal</title>
7
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
9
+ <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png">
10
  <style>
11
  [lang="en"] { display: none; }
12
  .lang-en [lang="en"] { display: block; }
 
40
 
41
  <div class="bg-gray-800 rounded-xl p-6 mb-8">
42
  <h2>Resumen Ejecutivo</h2>
43
+ <p>
44
+ <span lang="es">Implementación de soluciones de IA para mejorar la eficiencia y precisión diagnóstica en el Hospital 12 de Octubre.</span>
45
+ <span lang="en">Implementation of AI solutions to improve efficiency and diagnostic accuracy at Hospital 12 de Octubre.</span>
46
+ </p>
47
  </div>
48
 
49
  <div class="grid md:grid-cols-3 gap-6 mb-8">
 
62
  </div>
63
 
64
  <section class="mb-12">
65
+ <h2><span lang="es">Análisis de Necesidades</span><span lang="en">Needs Analysis</span></h2>
66
+ <p>
67
+ <span lang="es">Identificación de áreas clave donde la IA puede aportar valor, como diagnóstico por imagen, gestión de pacientes y optimización de recursos.</span>
68
+ <span lang="en">Identification of key areas where AI can add value, such as image diagnostics, patient management, and resource optimization.</span>
69
+ </p>
70
+ </section>
71
+
72
+ <section class="mb-12">
73
+ <h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2>
74
  <ul>
75
+ <li>
76
+ <span lang="es">Sistema de diagnóstico por imagen basado en IA para detección temprana de enfermedades.</span>
77
+ <span lang="en">AI-based image diagnostics system for early disease detection.</span>
78
+ </li>
79
+ <li>
80
+ <span lang="es">Plataforma de gestión de pacientes con IA para mejorar la eficiencia en la asignación de citas y seguimiento.</span>
81
+ <span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span>
82
+ </li>
83
+ <li>
84
+ <span lang="es">Herramientas de optimización de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span>
85
+ <span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span>
86
+ </li>
87
  </ul>
88
  </section>
89
 
90
  <section class="mb-12">
91
+ <h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2>
92
+ <ul>
93
+ <li>
94
+ <span lang="es">Mejora en la precisión y rapidez del diagnóstico.</span>
95
+ <span lang="en">Improvement in diagnostic accuracy and speed.</span>
96
+ </li>
97
+ <li>
98
+ <span lang="es">Reducción de tiempos de espera para los pacientes.</span>
99
+ <span lang="en">Reduction in waiting times for patients.</span>
100
+ </li>
101
+ <li>
102
+ <span lang="es">Optimización de recursos y reducción de costes operativos.</span>
103
+ <span lang="en">Optimization of resources and reduction of operating costs.</span>
104
+ </li>
105
+ <li>
106
+ <span lang="es">Mejora en la calidad de la atención al paciente.</span>
107
+ <span lang="en">Improvement in the quality of patient care.</span>
108
+ </li>
109
+ </ul>
110
+ </section>
111
+
112
+ <section class="mb-12">
113
+ <h2><span lang="es">Presupuesto y Financiación</span><span lang="en">Budget and Funding</span></h2>
114
+ <p>
115
+ <span lang="es">El presupuesto detallado se proporcionará en una propuesta formal.</span>
116
+ <span lang="en">The detailed budget will be provided in a formal proposal.</span>
117
+ </p>
118
  </section>
119
 
120
  <section class="mb-12">
121
+ <h2><span lang="es">Implementación y Timeline</span><span lang="en">Implementation and Timeline</span></h2>
122
  <div class="timeline">
123
+ <ol>
124
+ <li>
125
+ <span lang="es">Fase 1: Análisis y Planificación (1 mes)</span>
126
+ <span lang="en">Phase 1: Analysis and Planning (1 month)</span>
127
+ </li>
128
+ <li>
129
+ <span lang="es">Fase 2: Desarrollo e Implementación (3 meses)</span>
130
+ <span lang="en">Phase 2: Development and Implementation (3 months)</span>
131
+ </li>
132
+ <li>
133
+ <span lang="es">Fase 3: Pruebas y Validación (1 mes)</span>
134
+ <span lang="en">Phase 3: Testing and Validation (1 month)</span>
135
+ </li>
136
+ <li>
137
+ <span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span>
138
+ <span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span>
139
+ </li>
140
+ </ol>
141
  </div>
142
  </section>
143
 
144
  <div class="fixed bottom-8 right-8 flex gap-4">
145
  <a href="https://wa.me/34679794037" target="_blank"
146
+ class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full group relative">
147
  <i class="fab fa-whatsapp text-xl"></i>
148
+ <span class="tooltip absolute bottom-full right-0 mb-2 bg-black text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 transition-opacity">WhatsApp</span>
149
  </a>
150
  <a href="mailto:[email protected]"
151
+ class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full group relative">
152
  <i class="fas fa-envelope text-xl"></i>
153
+ <span class="tooltip absolute bottom-full right-0 mb-2 bg-black text-white text-sm py-1 px-2 rounded opacity-0 group-hover:opacity-100 transition-opacity">Email</span>
154
  </a>
155
  </div>
156
  </article>
proposals/spanish/spanish-hospital-proposal.html CHANGED
@@ -9,6 +9,16 @@
9
  [lang="en"] { display: none; }
10
  .lang-en [lang="en"] { display: block; }
11
  .lang-en [lang="es"] { display: none; }
 
 
 
 
 
 
 
 
 
 
12
  </style>
13
  </head>
14
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
@@ -26,153 +36,117 @@
26
  </nav>
27
 
28
  <div class="max-w-4xl mx-auto p-8">
29
- <h1 class="text-4xl font-bold mb-8 text-blue-400">
30
- <span lang="es">Sistema Sanitario Español</span>
31
- <span lang="en">Spanish Healthcare System</span>
32
- </h1>
33
-
34
- <!-- Executive Summary -->
35
- <section class="mb-12">
36
- <h2 class="text-2xl font-bold mb-4">
37
- <span lang="es">Resumen Ejecutivo</span>
38
- <span lang="en">Executive Summary</span>
39
- </h2>
40
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
41
- <p lang="es" class="text-gray-300">
42
- Propuesta integral para la modernización del sistema sanitario español mediante la implementación de soluciones de IA.
 
 
43
  </p>
44
- <p lang="en" class="text-gray-300">
45
- Comprehensive proposal for modernizing the Spanish healthcare system through AI implementation.
 
 
 
 
 
46
  </p>
47
- </div>
48
- </section>
49
 
50
- <!-- Key Areas -->
51
- <section class="mb-12">
52
- <h2 class="text-2xl font-bold mb-4">
53
- <span lang="es">Áreas Clave</span>
54
- <span lang="en">Key Areas</span>
55
- </h2>
56
- <div class="grid md:grid-cols-2 gap-6">
57
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
58
- <h3 class="text-xl font-bold mb-3 text-blue-400">
59
- <span lang="es">Gestión Hospitalaria</span>
60
- <span lang="en">Hospital Management</span>
61
- </h3>
62
- <ul class="list-disc list-inside text-gray-300">
63
- <li lang="es">Optimización de recursos</li>
64
- <li lang="es">Predicción de demanda</li>
65
- <li lang="es">Gestión de personal</li>
66
- <li lang="en">Resource optimization</li>
67
- <li lang="en">Demand prediction</li>
68
- <li lang="en">Staff management</li>
69
- </ul>
70
- </div>
71
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
72
- <h3 class="text-xl font-bold mb-3 text-blue-400">
73
- <span lang="es">Atención al Paciente</span>
74
- <span lang="en">Patient Care</span>
75
- </h3>
76
- <ul class="list-disc list-inside text-gray-300">
77
- <li lang="es">Diagnóstico asistido</li>
78
- <li lang="es">Telemedicina avanzada</li>
79
- <li lang="es">Monitorización remota</li>
80
- <li lang="en">Assisted diagnosis</li>
81
- <li lang="en">Advanced telemedicine</li>
82
- <li lang="en">Remote monitoring</li>
83
- </ul>
84
- </div>
85
- </div>
86
- </section>
87
 
88
- <!-- Implementation Strategy -->
89
- <section class="mb-12">
90
- <h2 class="text-2xl font-bold mb-4">
91
- <span lang="es">Estrategia de Implementación</span>
92
- <span lang="en">Implementation Strategy</span>
93
- </h2>
94
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
95
- <div class="space-y-4">
96
- <div>
97
- <h3 class="text-xl font-bold text-blue-400">
98
- <span lang="es">Fase 1: Evaluación</span>
99
- <span lang="en">Phase 1: Assessment</span>
100
- </h3>
101
- <p class="text-gray-300">
102
- <span lang="es">Análisis de necesidades y capacidades actuales</span>
103
- <span lang="en">Analysis of current needs and capabilities</span>
104
- </p>
105
- </div>
106
- <div>
107
- <h3 class="text-xl font-bold text-blue-400">
108
- <span lang="es">Fase 2: Desarrollo</span>
109
- <span lang="en">Phase 2: Development</span>
110
- </h3>
111
- <p class="text-gray-300">
112
- <span lang="es">Implementación de soluciones piloto</span>
113
- <span lang="en">Implementation of pilot solutions</span>
114
- </p>
115
- </div>
116
- <div>
117
- <h3 class="text-xl font-bold text-blue-400">
118
- <span lang="es">Fase 3: Despliegue</span>
119
- <span lang="en">Phase 3: Deployment</span>
120
- </h3>
121
- <p class="text-gray-300">
122
- <span lang="es">Expansión a nivel nacional</span>
123
- <span lang="en">National-level expansion</span>
124
- </p>
125
- </div>
126
- </div>
127
- </div>
128
- </section>
129
 
130
- <!-- Expected Benefits -->
131
- <section class="mb-12">
132
- <h2 class="text-2xl font-bold mb-4">
133
- <span lang="es">Beneficios Esperados</span>
134
- <span lang="en">Expected Benefits</span>
135
- </h2>
136
- <div class="grid md:grid-cols-3 gap-6">
137
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
138
- <h3 class="text-xl font-bold mb-3 text-blue-400">
139
- <span lang="es">Eficiencia</span>
140
- <span lang="en">Efficiency</span>
141
- </h3>
142
- <ul class="list-disc list-inside text-gray-300">
143
- <li lang="es">-30% tiempo espera</li>
144
- <li lang="es">+40% productividad</li>
145
- <li lang="en">-30% waiting time</li>
146
- <li lang="en">+40% productivity</li>
147
- </ul>
148
- </div>
149
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
150
- <h3 class="text-xl font-bold mb-3 text-blue-400">
151
- <span lang="es">Calidad</span>
152
- <span lang="en">Quality</span>
153
- </h3>
154
- <ul class="list-disc list-inside text-gray-300">
155
- <li lang="es">+25% precisión</li>
156
- <li lang="es">-20% errores</li>
157
- <li lang="en">+25% accuracy</li>
158
- <li lang="en">-20% errors</li>
159
- </ul>
160
- </div>
161
- <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg">
162
- <h3 class="text-xl font-bold mb-3 text-blue-400">
163
- <span lang="es">Costes</span>
164
- <span lang="en">Costs</span>
165
- </h3>
166
- <ul class="list-disc list-inside text-gray-300">
167
- <li lang="es">-15% gastos</li>
168
- <li lang="es">ROI positivo</li>
169
- <li lang="en">-15% expenses</li>
170
- <li lang="en">Positive ROI</li>
171
- </ul>
172
- </div>
173
- </div>
174
- </section>
175
- </div>
176
 
177
  <script>
178
  function toggleLanguage() {
 
9
  [lang="en"] { display: none; }
10
  .lang-en [lang="en"] { display: block; }
11
  .lang-en [lang="es"] { display: none; }
12
+ .btn {
13
+ transition: all 0.3s ease;
14
+ display: inline-flex;
15
+ align-items: center;
16
+ justify-content: center;
17
+ gap: 0.5rem;
18
+ }
19
+ .btn:hover {
20
+ transform: translateY(-1px);
21
+ }
22
  </style>
23
  </head>
24
  <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
 
36
  </nav>
37
 
38
  <div class="max-w-4xl mx-auto p-8">
39
+ <div class="mb-8">
40
+ <a href="/" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
41
+ <i class="fas fa-arrow-left"></i>
42
+ <span lang="es">Volver</span>
43
+ <span lang="en">Back</span>
44
+ </a>
45
+ </div>
46
+
47
+ <article class="prose prose-invert max-w-none">
48
+ <h1><span lang="es">Propuesta IA para el Sistema Sanitario Español</span><span lang="en">AI Proposal for the Spanish Healthcare System</span></h1>
49
+
50
+ <div class="bg-gray-800 rounded-xl p-6 mb-8">
51
+ <h2><span lang="es">Resumen Ejecutivo</span><span lang="en">Executive Summary</span></h2>
52
+ <p>
53
+ <span lang="es">Implementación de soluciones de IA para mejorar la eficiencia y calidad del sistema sanitario español.</span>
54
+ <span lang="en">Implementation of AI solutions to improve the efficiency and quality of the Spanish healthcare system.</span>
55
  </p>
56
+ </div>
57
+
58
+ <section class="mb-12">
59
+ <h2><span lang="es">Análisis de Necesidades</span><span lang="en">Needs Analysis</span></h2>
60
+ <p>
61
+ <span lang="es">Identificación de áreas clave donde la IA puede aportar valor, como diagnóstico, gestión de recursos y atención al paciente.</span>
62
+ <span lang="en">Identification of key areas where AI can add value, such as diagnostics, resource management, and patient care.</span>
63
  </p>
64
+ </section>
 
65
 
66
+ <section class="mb-12">
67
+ <h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2>
68
+ <ul>
69
+ <li>
70
+ <span lang="es">Sistema de diagnóstico por imagen basado en IA para detección temprana de enfermedades.</span>
71
+ <span lang="en">AI-based image diagnostics system for early disease detection.</span>
72
+ </li>
73
+ <li>
74
+ <span lang="es">Plataforma de gestión de pacientes con IA para mejorar la eficiencia en la asignación de citas y seguimiento.</span>
75
+ <span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span>
76
+ </li>
77
+ <li>
78
+ <span lang="es">Herramientas de optimización de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span>
79
+ <span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span>
80
+ </li>
81
+ </ul>
82
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
 
84
+ <section class="mb-12">
85
+ <h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2>
86
+ <ul>
87
+ <li>
88
+ <span lang="es">Mejora en la precisión y rapidez del diagnóstico.</span>
89
+ <span lang="en">Improvement in diagnostic accuracy and speed.</span>
90
+ </li>
91
+ <li>
92
+ <span lang="es">Reducción de tiempos de espera para los pacientes.</span>
93
+ <span lang="en">Reduction in waiting times for patients.</span>
94
+ </li>
95
+ <li>
96
+ <span lang="es">Optimización de recursos y reducción de costes operativos.</span>
97
+ <span lang="en">Optimization of resources and reduction of operating costs.</span>
98
+ </li>
99
+ <li>
100
+ <span lang="es">Mejora en la calidad de la atención al paciente.</span>
101
+ <span lang="en">Improvement in the quality of patient care.</span>
102
+ </li>
103
+ </ul>
104
+ </section>
105
+
106
+ <section class="mb-12">
107
+ <h2><span lang="es">Presupuesto y Financiación</span><span lang="en">Budget and Funding</span></h2>
108
+ <p>
109
+ <span lang="es">El presupuesto detallado se proporcionará en una propuesta formal.</span>
110
+ <span lang="en">The detailed budget will be provided in a formal proposal.</span>
111
+ </p>
112
+ </section>
 
 
 
 
 
 
 
 
 
 
 
 
113
 
114
+ <section class="mb-12">
115
+ <h2><span lang="es">Implementación y Timeline</span><span lang="en">Implementation and Timeline</span></h2>
116
+ <div class="timeline">
117
+ <ol>
118
+ <li>
119
+ <span lang="es">Fase 1: Análisis y Planificación (1 mes)</span>
120
+ <span lang="en">Phase 1: Analysis and Planning (1 month)</span>
121
+ </li>
122
+ <li>
123
+ <span lang="es">Fase 2: Desarrollo e Implementación (3 meses)</span>
124
+ <span lang="en">Phase 2: Development and Implementation (3 months)</span>
125
+ </li>
126
+ <li>
127
+ <span lang="es">Fase 3: Pruebas y Validación (1 mes)</span>
128
+ <span lang="en">Phase 3: Testing and Validation (1 month)</span>
129
+ </li>
130
+ <li>
131
+ <span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span>
132
+ <span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span>
133
+ </li>
134
+ </ol>
135
+ </div>
136
+ </section>
137
+
138
+ <div class="fixed bottom-8 right-8 flex gap-4">
139
+ <a href="https://wa.me/34679794037" target="_blank"
140
+ class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full">
141
+ <i class="fab fa-whatsapp text-xl"></i>
142
+ </a>
143
+ <a href="mailto:[email protected]"
144
+ class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full">
145
+ <i class="fas fa-envelope text-xl"></i>
146
+ </a>
147
+ </div>
148
+ </article>
149
+ </div>
 
 
 
 
 
 
 
 
 
 
150
 
151
  <script>
152
  function toggleLanguage() {
templates/contact-buttons.html ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div class="fixed bottom-8 right-8 flex gap-4">
2
+ <a href="https://wa.me/34679794037" target="_blank"
3
+ class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full group relative">
4
+ <i class="fab fa-whatsapp text-xl"></i>
5
+ <span class="tooltip">WhatsApp</span>
6
+ </a>
7
+ <a href="mailto:[email protected]"
8
+ class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full group relative">
9
+ <i class="fas fa-envelope text-xl"></i>
10
+ <span class="tooltip">Email</span>
11
+ </a>
12
+ </div>
templates/footer.html ADDED
@@ -0,0 +1,5 @@
 
 
 
 
 
 
1
+ <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10">
2
+ <div class="container text-center text-gray-400">
3
+ <p>© 2024 IA Hospital Hub. Todos los derechos reservados.</p>
4
+ </div>
5
+ </footer>
templates/header.html ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
 
1
+ <head>
2
+ <meta charset="UTF-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
5
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
6
+ <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png">
7
+ <link rel="stylesheet" href="/assets/css/main.css">
8
+ </head>
templates/nav.html ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg">
2
+ <div class="container flex justify-between items-center">
3
+ <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline">
4
+ <img src="https://cdn-icons-png.flaticon.com/512/9373/9373979.png" alt="IA Hospital Hub" class="w-8 h-8 md:w-10 md:h-10 object-contain">
5
+ <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span>
6
+ </a>
7
+ <button onclick="toggleLanguage()" class="bg-blue-500 px-3 py-1 rounded-full text-sm hover:bg-blue-600">
8
+ <span lang="es">EN</span>
9
+ <span lang="en">ES</span>
10
+ </button>
11
+ </div>
12
+ </nav>