Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>HealthTech Innovators Dashboard</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link rel="stylesheet" href="assets/css/styles.css"> | |
| </head> | |
| <body class="bg-gray-50 font-sans"> | |
| <div class="flex h-screen overflow-hidden"> | |
| <!-- Sidebar --> | |
| <div class="sidebar bg-white w-64 shadow-lg"> | |
| <div class="p-4 flex items-center justify-center health-gradient text-white"> | |
| <i class="fas fa-heartbeat text-2xl mr-2"></i> | |
| <h1 class="text-xl font-bold">HealthTech Innovators</h1> | |
| </div> | |
| <nav class="mt-6"> | |
| <div class="px-4 py-2 text-gray-500 font-medium uppercase text-xs tracking-wider"> | |
| Navigation | |
| </div> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-700 bg-blue-50 border-r-4 border-blue-500"> | |
| <i class="fas fa-home mr-3"></i> | |
| Dashboard | |
| </a> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-600 hover:bg-gray-50"> | |
| <i class="fas fa-procedures mr-3"></i> | |
| NABS System | |
| </a> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-600 hover:bg-gray-50"> | |
| <i class="fas fa-brain mr-3"></i> | |
| GAN Network | |
| </a> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-600 hover:bg-gray-50"> | |
| <i class="fas fa-database mr-3"></i> | |
| EDM Analytics | |
| </a> | |
| <div class="px-4 py-2 mt-4 text-gray-500 font-medium uppercase text-xs tracking-wider"> | |
| Patient Care | |
| </div> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-600 hover:bg-gray-50"> | |
| <i class="fas fa-user-injured mr-3"></i> | |
| Patient Portal | |
| </a> | |
| <a href="#" class="flex items-center px-6 py-3 text-gray-600 hover:bg-gray-50"> | |
| <i class="fas fa-clipboard-list mr-3"></i> | |
| Treatment Protocols | |
| </a> | |
| </nav> | |
| <div class="absolute bottom-0 w-full p-4 border-t border-gray-200"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center"> | |
| <i class="fas fa-user-md"></i> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-sm font-medium text-gray-700">Founder</p> | |
| <p class="text-xs text-gray-500">Physician & Data Scientist</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <div class="flex-1 flex flex-col overflow-hidden"> | |
| <!-- Top Navigation --> | |
| <header class="bg-white shadow-sm"> | |
| <div class="flex items-center justify-between px-6 py-4"> | |
| <div class="flex items-center"> | |
| <button id="sidebarToggle" class="md:hidden text-gray-500 focus:outline-none"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| <h2 class="text-xl font-semibold text-gray-800 ml-4">Innovation Dashboard</h2> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <div class="relative"> | |
| <button class="text-gray-500 focus:outline-none"> | |
| <i class="fas fa-bell text-xl"></i> | |
| <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span> | |
| </button> | |
| </div> | |
| <div class="relative"> | |
| <button class="text-gray-500 focus:outline-none"> | |
| <i class="fas fa-envelope text-xl"></i> | |
| <span class="absolute top-0 right-0 h-2 w-2 rounded-full bg-red-500"></span> | |
| </button> | |
| </div> | |
| <div class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm font-medium"> | |
| Since 2004 | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Content --> | |
| <main class="flex-1 overflow-y-auto p-6 bg-gray-50"> | |
| <!-- Company Overview --> | |
| <div class="bg-white rounded-lg shadow p-6 mb-6 health-gradient text-white"> | |
| <h2 class="text-2xl font-bold mb-2">Compassionate Innovation in Healthcare</h2> | |
| <p class="mb-4">Transforming patient care through technology since 2004 - From RDBMS to Generative AI Networks</p> | |
| <div class="flex flex-wrap gap-4"> | |
| <div class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm">HIPAA Compliant</div> | |
| <div class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm">Patient-Centered</div> | |
| <div class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm">GAN Technology</div> | |
| <div class="bg-white bg-opacity-20 px-3 py-1 rounded-full text-sm">EDM Model</div> | |
| </div> | |
| </div> | |
| <!-- Key Innovations --> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-6"> | |
| <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4 innovation-pulse"> | |
| <i class="fas fa-robot tech-icon"></i> | |
| </div> | |
| <h3 class="text-xl font-bold">NABS System</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Non-Ambulatory Bathing System reduces risks for patients and caregivers while lowering costs associated with falls and decubitus ulcers.</p> | |
| <div class="text-sm text-blue-500 font-medium"> | |
| <i class="fas fa-arrow-up mr-1"></i> 78% reduction in hygiene-related incidents | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="p-3 rounded-full bg-purple-100 text-purple-600 mr-4"> | |
| <i class="fas fa-network-wired tech-icon"></i> | |
| </div> | |
| <h3 class="text-xl font-bold">GAN Network</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">LangChain, LangGraph and LangSmith enable rapid development and deployment of healthcare solutions through generative AI.</p> | |
| <div class="text-sm text-purple-500 font-medium"> | |
| <i class="fas fa-bolt mr-1"></i> 3x faster deployment | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow p-6 card-hover transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4"> | |
| <i class="fas fa-user-friends tech-icon"></i> | |
| </div> | |
| <h3 class="text-xl font-bold">EDM Model</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Empowered Disease Management transforms patient interactions through education and collaborative care between staff and patients.</p> | |
| <div class="text-sm text-green-500 font-medium"> | |
| <i class="fas fa-heart mr-1"></i> 92% patient satisfaction | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Technology Evolution --> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6"> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <h3 class="text-lg font-semibold mb-4">Our Technology Journey</h3> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 h-10 w-10 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center mt-1"> | |
| <i class="fas fa-database"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="font-medium">2004: RDBMS EMR System</p> | |
| <p class="text-sm text-gray-500">Started with relational database management for electronic medical records</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 h-10 w-10 rounded-full bg-purple-100 text-purple-600 flex items-center justify-center mt-1"> | |
| <i class="fas fa-network-wired"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="font-medium">2010: Distributed Network</p> | |
| <p class="text-sm text-gray-500">HIPAA compliant automated network connecting clinical practices</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 text-green-600 flex items-center justify-center mt-1"> | |
| <i class="fas fa-cloud"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="font-medium">2015: Cloud Integration</p> | |
| <p class="text-sm text-gray-500">Expanded to cloud-based assets for greater accessibility</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 h-10 w-10 rounded-full bg-yellow-100 text-yellow-600 flex items-center justify-center mt-1"> | |
| <i class="fas fa-brain"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <p class="font-medium">2020: GAN Technology</p> | |
| <p class="text-sm text-gray-500">Generative AI networks for rapid healthcare solution development</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <h3 class="text-lg font-semibold mb-4">Current Technology Stack</h3> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-project-diagram text-blue-500 mr-3 text-xl"></i> | |
| <span>LangChain</span> | |
| </div> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-chart-network text-purple-500 mr-3 text-xl"></i> | |
| <span>LangGraph</span> | |
| </div> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-hammer text-yellow-500 mr-3 text-xl"></i> | |
| <span>LangSmith</span> | |
| </div> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-brain text-green-500 mr-3 text-xl"></i> | |
| <span>Machine Learning</span> | |
| </div> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-database text-indigo-500 mr-3 text-xl"></i> | |
| <span>Data Ingestion</span> | |
| </div> | |
| <div class="flex items-center p-3 bg-gray-50 rounded-lg"> | |
| <i class="fas fa-chart-bar text-red-500 mr-3 text-xl"></i> | |
| <span>Visualization</span> | |
| </div> | |
| </div> | |
| <div class="mt-4 p-3 bg-blue-50 rounded-lg"> | |
| <p class="text-sm text-blue-800">"Our founder's unique combination of medical expertise and computer science background (MSCIS '89) drives our innovative approach."</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Patient Impact --> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6"> | |
| <div class="bg-white rounded-lg shadow p-6 lg:col-span-2"> | |
| <h3 class="text-lg font-semibold mb-4">Patient Outcomes Improvement</h3> | |
| <div class="chart-container"> | |
| <canvas id="outcomesChart"></canvas> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <h3 class="text-lg font-semibold mb-4">Caregiver Benefits</h3> | |
| <div class="space-y-4"> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div> | |
| <span class="text-sm">45% reduction in caregiver injuries</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 rounded-full bg-blue-500 mr-2"></div> | |
| <span class="text-sm">60% time savings per hygiene session</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 rounded-full bg-purple-500 mr-2"></div> | |
| <span class="text-sm">78% decrease in decubitus ulcers</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div> | |
| <span class="text-sm">92% patient comfort rating</span> | |
| </div> | |
| </div> | |
| <div class="mt-6 p-4 bg-green-50 rounded-lg"> | |
| <h4 class="font-medium text-green-800 mb-2">Compassionate Innovation</h4> | |
| <p class="text-sm text-green-700">"Our technology solutions emerge from direct clinical experience with the challenges faced by patients and caregivers."</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Recent Innovations --> | |
| <div class="bg-white rounded-lg shadow p-6"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h3 class="text-lg font-semibold">Recent Innovations</h3> | |
| <button class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm hover:bg-blue-700">View All</button> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition"> | |
| <div class="h-40 bg-blue-50 rounded-lg mb-3 flex items-center justify-center"> | |
| <i class="fas fa-shower text-4xl text-blue-400"></i> | |
| </div> | |
| <h4 class="font-medium mb-1">NABS 2.0</h4> | |
| <p class="text-sm text-gray-500 mb-2">Next-gen automated hygiene system with AI temperature control</p> | |
| <div class="flex justify-between items-center text-xs"> | |
| <span class="text-blue-600">In Development</span> | |
| <span class="text-gray-400">Q3 2023</span> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-purple-300 transition"> | |
| <div class="h-40 bg-purple-50 rounded-lg mb-3 flex items-center justify-center"> | |
| <i class="fas fa-comments text-4xl text-purple-400"></i> | |
| </div> | |
| <h4 class="font-medium mb-1">EDM Chat Assistant</h4> | |
| <p class="text-sm text-gray-500 mb-2">AI-powered patient education and protocol guidance</p> | |
| <div class="flex justify-between items-center text-xs"> | |
| <span class="text-green-600">Pilot Testing</span> | |
| <span class="text-gray-400">Q2 2023</span> | |
| </div> | |
| </div> | |
| <div class="border border-gray-200 rounded-lg p-4 hover:border-green-300 transition"> | |
| <div class="h-40 bg-green-50 rounded-lg mb-3 flex items-center justify-center"> | |
| <i class="fas fa-procedures text-4xl text-green-400"></i> | |
| </div> | |
| <h4 class="font-medium mb-1">Mobility Assist AI</h4> | |
| <p class="text-sm text-gray-500 mb-2">Predictive system for fall prevention and mobility optimization</p> | |
| <div class="flex justify-between items-center text-xs"> | |
| <span class="text-yellow-600">Research Phase</span> | |
| <span class="text-gray-400">Q4 2023</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| <script src="assets/js/script.js"></script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=dah512/dashboards" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |