Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Documentaci贸n | IA Hospital Hub</title> | |
| <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/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"> | |
| <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png"> | |
| </head> | |
| <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen"> | |
| <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 flex items-center gap-2 no-underline"> | |
| <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"> | |
| <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span> | |
| </a> | |
| </div> | |
| </nav> | |
| <main class="max-w-6xl mx-auto p-8"> | |
| <h1 class="text-4xl font-bold mb-8 flex items-center gap-4"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Documentation" class="w-10 h-10"> | |
| Documentaci贸n | |
| </h1> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- AutoGlaucoma Documentation --> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-4 mb-6"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/4497/4497889.png" alt="AutoGlaucoma" class="w-12 h-12"> | |
| <h2 class="text-2xl font-bold text-blue-400">AutoGlaucoma AI</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1087/1087927.png" alt="Specs" class="w-6 h-6"> | |
| <h3 class="font-bold">Especificaciones T茅cnicas</h3> | |
| </div> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li>Modelo: EfficientNet B4</li> | |
| <li>Precisi贸n: 98.5%</li> | |
| <li>Tiempo de procesamiento: <2s</li> | |
| </ul> | |
| </div> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Guide" class="w-6 h-6"> | |
| <h3 class="font-bold">Gu铆a de Uso</h3> | |
| </div> | |
| <p class="text-gray-300">Instrucciones detalladas para el uso del sistema AutoGlaucoma AI.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- AutoMedical Documentation --> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-4 mb-6"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="AutoMedical" class="w-12 h-12"> | |
| <h2 class="text-2xl font-bold text-blue-400">AutoMedical AI</h2> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/1087/1087927.png" alt="Specs" class="w-6 h-6"> | |
| <h3 class="font-bold">Especificaciones T茅cnicas</h3> | |
| </div> | |
| <ul class="list-disc list-inside text-gray-300"> | |
| <li>Arquitectura: Microservicios</li> | |
| <li>APIs: REST / GraphQL</li> | |
| <li>Tiempo de respuesta: <100ms</li> | |
| </ul> | |
| </div> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/8924/8924315.png" alt="Integration" class="w-6 h-6"> | |
| <h3 class="font-bold">Integraci贸n</h3> | |
| </div> | |
| <p class="text-gray-300">Gu铆a de integraci贸n con sistemas hospitalarios existentes.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10"> | |
| <div class="max-w-6xl mx-auto px-8"> | |
| <div class="text-center text-gray-400"> | |
| <p>漏 2024 IA Hospital Hub. Todos los derechos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |