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>Sistema Sanitario Español - Propuesta IA | Spanish Healthcare System - AI Proposal</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"> | |
| <span lang="es">Sistema Sanitario Español</span> | |
| <span lang="en">Spanish Healthcare System</span> | |
| </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 integral para la modernización del sistema sanitario español mediante la implementación de soluciones de IA. | |
| </p> | |
| <p lang="en" class="text-gray-300"> | |
| Comprehensive proposal for modernizing the Spanish healthcare system through AI implementation. | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Key Areas --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Áreas Clave</span> | |
| <span lang="en">Key Areas</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">Gestión Hospitalaria</span> | |
| <span lang="en">Hospital Management</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Optimización de recursos</li> | |
| <li lang="es">Predicción de demanda</li> | |
| <li lang="es">Gestión de personal</li> | |
| <li lang="en">Resource optimization</li> | |
| <li lang="en">Demand prediction</li> | |
| <li lang="en">Staff management</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">Atención al Paciente</span> | |
| <span lang="en">Patient Care</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">Diagnóstico asistido</li> | |
| <li lang="es">Telemedicina avanzada</li> | |
| <li lang="es">Monitorización remota</li> | |
| <li lang="en">Assisted diagnosis</li> | |
| <li lang="en">Advanced telemedicine</li> | |
| <li lang="en">Remote monitoring</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Implementation Strategy --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Estrategia de Implementación</span> | |
| <span lang="en">Implementation Strategy</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"> | |
| <span lang="es">Fase 1: Evaluación</span> | |
| <span lang="en">Phase 1: Assessment</span> | |
| </h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Análisis de necesidades y capacidades actuales</span> | |
| <span lang="en">Analysis of current needs and capabilities</span> | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-blue-400"> | |
| <span lang="es">Fase 2: Desarrollo</span> | |
| <span lang="en">Phase 2: Development</span> | |
| </h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Implementación de soluciones piloto</span> | |
| <span lang="en">Implementation of pilot solutions</span> | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-blue-400"> | |
| <span lang="es">Fase 3: Despliegue</span> | |
| <span lang="en">Phase 3: Deployment</span> | |
| </h3> | |
| <p class="text-gray-300"> | |
| <span lang="es">Expansión a nivel nacional</span> | |
| <span lang="en">National-level expansion</span> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Expected Benefits --> | |
| <section class="mb-12"> | |
| <h2 class="text-2xl font-bold mb-4"> | |
| <span lang="es">Beneficios Esperados</span> | |
| <span lang="en">Expected Benefits</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">Eficiencia</span> | |
| <span lang="en">Efficiency</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">-30% tiempo espera</li> | |
| <li lang="es">+40% productividad</li> | |
| <li lang="en">-30% waiting time</li> | |
| <li lang="en">+40% productivity</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">Calidad</span> | |
| <span lang="en">Quality</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">+25% precisión</li> | |
| <li lang="es">-20% errores</li> | |
| <li lang="en">+25% accuracy</li> | |
| <li lang="en">-20% errors</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</span> | |
| <span lang="en">Costs</span> | |
| </h3> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li lang="es">-15% gastos</li> | |
| <li lang="es">ROI positivo</li> | |
| <li lang="en">-15% expenses</li> | |
| <li lang="en">Positive ROI</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> |