Spaces:
Running
Running
Sami
Enhance proposal documents with new AI integration features and improved styling. Added Mermaid diagrams for system architecture visualization, updated HTML structure for better responsiveness, and removed outdated files. This update aims to provide a clearer presentation of AI capabilities for the Hospital Universitario 12 de Octubre proposal.
477c9c3
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>NHS Detailed Proposal | Propuesta Detallada NHS</title> | |
| <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> | |
| <style> | |
| [lang="en"] { display: none; } | |
| .lang-en [lang="en"] { display: block; } | |
| .lang-en [lang="es"] { display: none; } | |
| </style> | |
| </head> | |
| <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es"> | |
| <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg"> | |
| <div class="max-w-6xl mx-auto flex justify-between items-center"> | |
| <a href="/" class="text-2xl font-bold text-blue-400"> | |
| <span lang="es">← Volver</span> | |
| <span lang="en">← Back</span> | |
| </a> | |
| <button onclick="toggleLanguage()" class="bg-blue-500 px-3 py-1 rounded-full text-sm hover:bg-blue-600"> | |
| <span lang="es">EN</span> | |
| <span lang="en">ES</span> | |
| </button> | |
| </div> | |
| </nav> | |
| <div class="max-w-4xl mx-auto p-8"> | |
| <h1 class="text-4xl font-bold mb-8 text-blue-400">NHS AI Implementation</h1> | |
| <!-- Executive Summary --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Resumen Ejecutivo</span> | |
| <span lang="en">Executive Summary</span> | |
| </h2> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <p lang="es" class="text-gray-300"> | |
| Propuesta detallada para la implementación de IA en el NHS, enfocada en mejorar la eficiencia y calidad del servicio. | |
| </p> | |
| <p lang="en" class="text-gray-300"> | |
| Detailed proposal for AI implementation in the NHS, focused on improving service efficiency and quality. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Technical Specifications --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Especificaciones Técnicas</span> | |
| <span lang="en">Technical Specifications</span> | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <h3 class="text-xl font-bold mb-3 text-blue-400"> | |
| <span lang="es">Infraestructura</span> | |
| <span lang="en">Infrastructure</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Procesamiento en la nube</li> | |
| <li lang="es">Almacenamiento seguro</li> | |
| <li lang="es">Redundancia geográfica</li> | |
| <li lang="en">Cloud processing</li> | |
| <li lang="en">Secure storage</li> | |
| <li lang="en">Geographic redundancy</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <h3 class="text-xl font-bold mb-3 text-blue-400"> | |
| <span lang="es">Integración</span> | |
| <span lang="en">Integration</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">APIs estandarizadas</li> | |
| <li lang="es">Interoperabilidad total</li> | |
| <li lang="es">Sistemas legacy</li> | |
| <li lang="en">Standardized APIs</li> | |
| <li lang="en">Full interoperability</li> | |
| <li lang="en">Legacy systems</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Implementation Timeline --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Cronograma de Implementación</span> | |
| <span lang="en">Implementation Timeline</span> | |
| </h2> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <div class="space-y-4"> | |
| <div> | |
| <h3 class="text-xl font-bold text-blue-400">Q1 2024</h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Análisis y planificación inicial</span> | |
| <span lang="en">Initial analysis and planning</span> | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-blue-400">Q2-Q3 2024</h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Desarrollo e implementación piloto</span> | |
| <span lang="en">Development and pilot implementation</span> | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-blue-400">Q4 2024</h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Despliegue completo y evaluación</span> | |
| <span lang="en">Full deployment and evaluation</span> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Cost Analysis --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Análisis de Costes</span> | |
| <span lang="en">Cost Analysis</span> | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <h3 class="text-xl font-bold mb-3 text-blue-400"> | |
| <span lang="es">Inversión Inicial</span> | |
| <span lang="en">Initial Investment</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Infraestructura</li> | |
| <li lang="es">Desarrollo</li> | |
| <li lang="es">Formación</li> | |
| <li lang="en">Infrastructure</li> | |
| <li lang="en">Development</li> | |
| <li lang="en">Training</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <h3 class="text-xl font-bold mb-3 text-blue-400"> | |
| <span lang="es">Costes Operativos</span> | |
| <span lang="en">Operating Costs</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Mantenimiento</li> | |
| <li lang="es">Soporte</li> | |
| <li lang="es">Actualizaciones</li> | |
| <li lang="en">Maintenance</li> | |
| <li lang="en">Support</li> | |
| <li lang="en">Updates</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg"> | |
| <h3 class="text-xl font-bold mb-3 text-blue-400">ROI</h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Ahorro anual</li> | |
| <li lang="es">Eficiencia</li> | |
| <li lang="es">Beneficios</li> | |
| <li lang="en">Annual savings</li> | |
| <li lang="en">Efficiency</li> | |
| <li lang="en">Benefits</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| <script> | |
| function toggleLanguage() { | |
| const body = document.body; | |
| const currentLang = body.getAttribute('data-language'); | |
| const newLang = currentLang === 'es' ? 'en' : 'es'; | |
| body.setAttribute('data-language', newLang); | |
| body.classList.toggle('lang-en'); | |
| } | |
| </script> | |
| </body> | |
| </html> |