Spaces:
Running
Running
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>NHS Proposal | IA Hospital Hub</title> | |
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> | |
<style> | |
[lang="en"] { display: none; } | |
.lang-en [lang="en"] { display: block; } | |
.lang-en [lang="es"] { display: none; } | |
/* Add consistent timeline styling */ | |
.timeline ol { | |
border-left: 2px solid #4B5563; | |
padding-left: 1.5rem; | |
} | |
.timeline li { | |
position: relative; | |
margin-bottom: 1.5rem; | |
} | |
.timeline li:before { | |
content: ''; | |
position: absolute; | |
left: -1.75rem; | |
top: 0.25rem; | |
width: 1rem; | |
height: 1rem; | |
background: #3B82F6; | |
border-radius: 50%; | |
} | |
.breadcrumb { | |
display: flex; | |
align-items: center; | |
gap: 0.5rem; | |
font-size: 0.875rem; | |
color: #9CA3AF; | |
} | |
.breadcrumb a { | |
color: #60A5FA; | |
text-decoration: none; | |
} | |
.breadcrumb a:hover { | |
color: #3B82F6; | |
} | |
</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"> | |
<div class="flex items-center gap-4"> | |
<a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2"> | |
<img src="/assets/images/logo.png" alt="Hospital AI" class="w-8 h-8"> | |
<span class="text-lg">Hospital AI</span> | |
</a> | |
<div class="breadcrumb"> | |
<a href="/">Home</a> | |
<span>/</span> | |
<a href="/proposals">Proposals</a> | |
<span>/</span> | |
<a href="/proposals/nhs">NHS</a> | |
<span>/</span> | |
<span>Main</span> | |
</div> | |
</div> | |
<div class="flex items-center gap-4"> | |
<a href="/projects" class="text-gray-300 hover:text-blue-400">Projects</a> | |
<a href="/papers" class="text-gray-300 hover:text-blue-400">Papers</a> | |
<a href="/proposals" class="text-gray-300 hover:text-blue-400">Proposals</a> | |
<a href="/docs" class="text-gray-300 hover:text-blue-400">Documentation</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> | |
</div> | |
</nav> | |
<div class="max-w-4xl mx-auto p-8"> | |
<div class="flex justify-between items-center mb-8"> | |
<h1 class="text-4xl font-bold text-blue-400"> | |
<span lang="es">Propuesta NHS</span> | |
<span lang="en">NHS Proposal</span> | |
</h1> | |
<div class="flex gap-4"> | |
<a href="/proposals/nhs/detailed" class="text-blue-400 hover:text-blue-300"> | |
<span lang="es">Ver Detallado</span> | |
<span lang="en">View Detailed</span> | |
</a> | |
<a href="/proposals/nhs/formal" class="text-blue-400 hover:text-blue-300"> | |
<span lang="es">Ver Formal</span> | |
<span lang="en">View Formal</span> | |
</a> | |
</div> | |
</div> | |
<article class="prose prose-invert max-w-none"> | |
<h1><span lang="es">Propuesta IA para el NHS</span><span lang="en">AI Proposal for the NHS</span></h1> | |
<div class="bg-gray-800 rounded-xl p-6 mb-8"> | |
<h2><span lang="es">Resumen Ejecutivo</span><span lang="en">Executive Summary</span></h2> | |
<p> | |
<span lang="es">Implementaci贸n de soluciones de IA para mejorar la eficiencia y calidad del sistema de salud del NHS.</span> | |
<span lang="en">Implementation of AI solutions to improve the efficiency and quality of the NHS healthcare system.</span> | |
</p> | |
</div> | |
<section class="mb-12"> | |
<h2><span lang="es">An谩lisis de Necesidades</span><span lang="en">Needs Analysis</span></h2> | |
<p> | |
<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> | |
<span lang="en">Identification of key areas where AI can add value, such as diagnostics, resource management, and patient care.</span> | |
</p> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Soluciones Propuestas</span><span lang="en">Proposed Solutions</span></h2> | |
<ul> | |
<li> | |
<span lang="es">Sistema de diagn贸stico por imagen basado en IA para detecci贸n temprana de enfermedades.</span> | |
<span lang="en">AI-based image diagnostics system for early disease detection.</span> | |
</li> | |
<li> | |
<span lang="es">Plataforma de gesti贸n de pacientes con IA para mejorar la eficiencia en la asignaci贸n de citas y seguimiento.</span> | |
<span lang="en">AI-powered patient management platform to improve efficiency in appointment scheduling and follow-up.</span> | |
</li> | |
<li> | |
<span lang="es">Herramientas de optimizaci贸n de recursos hospitalarios basadas en IA para reducir costes y mejorar la eficiencia.</span> | |
<span lang="en">AI-based hospital resource optimization tools to reduce costs and improve efficiency.</span> | |
</li> | |
</ul> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Beneficios Esperados</span><span lang="en">Expected Benefits</span></h2> | |
<ul> | |
<li> | |
<span lang="es">Mejora en la precisi贸n y rapidez del diagn贸stico.</span> | |
<span lang="en">Improvement in diagnostic accuracy and speed.</span> | |
</li> | |
<li> | |
<span lang="es">Reducci贸n de tiempos de espera para los pacientes.</span> | |
<span lang="en">Reduction in waiting times for patients.</span> | |
</li> | |
<li> | |
<span lang="es">Optimizaci贸n de recursos y reducci贸n de costes operativos.</span> | |
<span lang="en">Optimization of resources and reduction of operating costs.</span> | |
</li> | |
<li> | |
<span lang="es">Mejora en la calidad de la atenci贸n al paciente.</span> | |
<span lang="en">Improvement in the quality of patient care.</span> | |
</li> | |
</ul> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Presupuesto y Financiaci贸n</span><span lang="en">Budget and Funding</span></h2> | |
<p> | |
<span lang="es">El presupuesto detallado se proporcionar谩 en una propuesta formal.</span> | |
<span lang="en">The detailed budget will be provided in a formal proposal.</span> | |
</p> | |
</section> | |
<section class="mb-12"> | |
<h2><span lang="es">Implementaci贸n y Timeline</span><span lang="en">Implementation and Timeline</span></h2> | |
<div class="timeline"> | |
<ol> | |
<li> | |
<span lang="es">Fase 1: An谩lisis y Planificaci贸n (1 mes)</span> | |
<span lang="en">Phase 1: Analysis and Planning (1 month)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 2: Desarrollo e Implementaci贸n (3 meses)</span> | |
<span lang="en">Phase 2: Development and Implementation (3 months)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 3: Pruebas y Validaci贸n (1 mes)</span> | |
<span lang="en">Phase 3: Testing and Validation (1 month)</span> | |
</li> | |
<li> | |
<span lang="es">Fase 4: Despliegue y Seguimiento (Continuo)</span> | |
<span lang="en">Phase 4: Deployment and Monitoring (Ongoing)</span> | |
</li> | |
</ol> | |
</div> | |
</section> | |
<div class="fixed bottom-8 right-8 flex gap-4"> | |
<a href="https://wa.me/34679794037" target="_blank" | |
class="btn bg-green-600 hover:bg-green-700 p-4 rounded-full"> | |
<i class="fab fa-whatsapp text-xl"></i> | |
</a> | |
<a href="mailto:[email protected]" | |
class="btn bg-blue-600 hover:bg-blue-700 p-4 rounded-full"> | |
<i class="fas fa-envelope text-xl"></i> | |
</a> | |
</div> | |
</article> | |
</div> | |
<!-- Add missing script --> | |
<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'); | |
localStorage.setItem('preferred-language', newLang); | |
} | |
// Initialize language from localStorage | |
document.addEventListener('DOMContentLoaded', () => { | |
const preferredLanguage = localStorage.getItem('preferred-language') || 'es'; | |
if (preferredLanguage === 'en') { | |
document.body.setAttribute('data-language', 'en'); | |
document.body.classList.add('lang-en'); | |
} | |
}); | |
</script> | |
</body> | |
</html> |