Spaces:

luigi12345
/

Hospital_AI_Proposal

Running

App Files Files Community

Sami commited on 24 days ago

Commit

53873ca

1 Parent(s): 0b5a6eb

Sync changes - automated commit

Browse files

Files changed (26) hide show

{demos → archive/demos}/automedical/automedicalai copy.html +0 -0
{docs → archive/docs}/references/REFERENCE_example-propuesta-12-octubre-report copy.pdf +0 -0
archive/index.html +91 -0
papers/drafts/fermed-vlm-draft-1.html → archive/papers/drafts/fermed-vlm-draft-1_archived.html +0 -0
papers/drafts/fermed-vlm-draft-2.html → archive/papers/drafts/fermed-vlm-draft-2_archived.html +0 -0
papers/research/fermed-vlm-paper-v2 copy.html → archive/papers/research/fermed-vlm-paper-v2 copy_archived.html +0 -0
papers/research/fermed-vlm-paper-v2.html → archive/papers/research/fermed-vlm-paper-v2_archived.html +0 -0
papers/research/fermed-vlm-paper-v3 copy 2.html → archive/papers/research/fermed-vlm-paper-v3 copy 2_archived.html +0 -0
papers/research/fermed-vlm-paper-v3 copy 3.html → archive/papers/research/fermed-vlm-paper-v3 copy 3_archived.html +0 -0
papers/research/fermed-vlm-paper-v3 copy.html → archive/papers/research/fermed-vlm-paper-v3 copy_archived.html +0 -0
papers/research/fermed-vlm-paper-v3.html → archive/papers/research/fermed-vlm-paper-v3_archived.html +0 -0
papers/research/fermed-vlm-paper.html → archive/papers/research/fermed-vlm-paper_archived.html +0 -0
paper copy 2.html → archive/papers/root/paper copy 2.html +0 -0
paper copy.html → archive/papers/root/paper copy.html +0 -0
assets/css/main.css +96 -28
assets/css/paper.css +152 -0
assets/js/main.js +153 -33
assets/js/validate.js +188 -0
index.html +17 -7
papers.html +63 -40
papers/research/FERMED-VLM-Final_Paper.html +67 -0
projects/automedical.html +25 -6
proposals/nhs/nhs-proposal.html +54 -10
tools/link_checker.html +127 -0
tools/validate.js +161 -0
website_paths.html +61 -0

{demos → archive/demos}/automedical/automedicalai copy.html RENAMED Viewed

File without changes

{docs → archive/docs}/references/REFERENCE_example-propuesta-12-octubre-report copy.pdf RENAMED Viewed

File without changes

archive/index.html ADDED Viewed

	@@ -0,0 +1,91 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Archive | 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">
+    <link rel="stylesheet" href="/assets/css/main.css">
+</head>
+<body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
+    <!-- Include shared nav -->
+    <include src="/templates/nav.html"></include>
+    <main class="container mx-auto px-4 py-8">
+        <div class="flex items-center mb-8">
+            <a href="/papers.html" class="text-blue-400 hover:text-blue-300 mr-4">
+                <i class="fas fa-arrow-left"></i>
+                <span lang="es">Volver a Papers</span>
+                <span lang="en">Back to Papers</span>
+            </a>
+            <h1 class="text-4xl font-bold text-blue-400">
+                <span lang="es">Archivo</span>
+                <span lang="en">Archive</span>
+            </h1>
+        </div>
+        <div class="space-y-8">
+            <section>
+                <h2 class="text-2xl font-bold mb-4 text-blue-300">
+                    <span lang="es">Papers de Investigación</span>
+                    <span lang="en">Research Papers</span>
+                </h2>
+                <div class="grid gap-4">
+                    <a href="papers/research/fermed-vlm-paper-v3_archived.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">FERMED VLM Paper v3</h3>
+                        <p class="text-gray-400 text-sm">Version 3 of the FERMED VLM research paper</p>
+                    </a>
+                    <a href="papers/research/fermed-vlm-paper-v2_archived.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">FERMED VLM Paper v2</h3>
+                        <p class="text-gray-400 text-sm">Version 2 of the FERMED VLM research paper</p>
+                    </a>
+                    <a href="papers/research/fermed-vlm-paper_archived.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">FERMED VLM Paper v1</h3>
+                        <p class="text-gray-400 text-sm">Initial version of the FERMED VLM research paper</p>
+                    </a>
+                </div>
+            </section>
+            <section>
+                <h2 class="text-2xl font-bold mb-4 text-blue-300">
+                    <span lang="es">Borradores</span>
+                    <span lang="en">Drafts</span>
+                </h2>
+                <div class="grid gap-4">
+                    <a href="papers/drafts/fermed-vlm-draft-2_archived.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">FERMED VLM Draft 2</h3>
+                        <p class="text-gray-400 text-sm">Second draft of the FERMED VLM paper</p>
+                    </a>
+                    <a href="papers/drafts/fermed-vlm-draft-1_archived.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">FERMED VLM Draft 1</h3>
+                        <p class="text-gray-400 text-sm">First draft of the FERMED VLM paper</p>
+                    </a>
+                </div>
+            </section>
+            <section>
+                <h2 class="text-2xl font-bold mb-4 text-blue-300">
+                    <span lang="es">Otros Documentos</span>
+                    <span lang="en">Other Documents</span>
+                </h2>
+                <div class="grid gap-4">
+                    <a href="papers/root/paper copy.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">Previous Paper Version</h3>
+                        <p class="text-gray-400 text-sm">Earlier version of the paper</p>
+                    </a>
+                    <a href="papers/root/paper copy 2.html" class="block bg-gray-800 bg-opacity-50 p-4 rounded-lg hover:bg-opacity-70 transition-all">
+                        <h3 class="font-semibold text-blue-400">Previous Paper Version 2</h3>
+                        <p class="text-gray-400 text-sm">Earlier version of the paper</p>
+                    </a>
+                </div>
+            </section>
+        </div>
+    </main>
+    <!-- Include shared footer -->
+    <include src="/templates/footer.html"></include>
+    <script src="/assets/js/main.js"></script>
+</body>
+</html>

papers/drafts/fermed-vlm-draft-1.html → archive/papers/drafts/fermed-vlm-draft-1_archived.html RENAMED Viewed

File without changes

papers/drafts/fermed-vlm-draft-2.html → archive/papers/drafts/fermed-vlm-draft-2_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v2 copy.html → archive/papers/research/fermed-vlm-paper-v2 copy_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v2.html → archive/papers/research/fermed-vlm-paper-v2_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v3 copy 2.html → archive/papers/research/fermed-vlm-paper-v3 copy 2_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v3 copy 3.html → archive/papers/research/fermed-vlm-paper-v3 copy 3_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v3 copy.html → archive/papers/research/fermed-vlm-paper-v3 copy_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper-v3.html → archive/papers/research/fermed-vlm-paper-v3_archived.html RENAMED Viewed

File without changes

papers/research/fermed-vlm-paper.html → archive/papers/research/fermed-vlm-paper_archived.html RENAMED Viewed

File without changes

paper copy 2.html → archive/papers/root/paper copy 2.html RENAMED Viewed

File without changes

paper copy.html → archive/papers/root/paper copy.html RENAMED Viewed

File without changes

assets/css/main.css CHANGED Viewed

@@ -5,6 +5,22 @@
     --secondary: #4B5563;
     --bg-dark: #111827;
     --bg-darker: #0F172A;
 }
 /* Language toggle */
@@ -14,45 +30,107 @@
 /* Layout */
 .container {
-    @apply max-w-6xl mx-auto px-4;
 }
 /* Navigation */
-.nav-link {
-    @apply transition-all duration-300;
 }
-.nav-link:hover {
-    transform: translateY(-2px);
 }
-/* Cards */
-.card {
-    @apply transition-all duration-300 bg-gray-800 bg-opacity-50 p-6 rounded-lg border border-gray-700;
-    background: linear-gradient(135deg, rgba(31, 41, 55, 0.98), rgba(17, 24, 39, 0.98));
 }
-.card:hover {
-    transform: translateY(-2px);
-    @apply shadow-lg border-opacity-50;
 }
 /* Buttons */
 .btn {
-    @apply transition-all duration-300 inline-flex items-center justify-center gap-2;
 }
-.btn:hover {
-    transform: translateY(-1px);
 }
 /* Timeline */
 .timeline ol {
-    @apply border-l-2 border-gray-600 pl-6;
 }
 .timeline li {
-    @apply relative mb-6;
 }
 .timeline li:before {
     content: '';
-    @apply absolute -left-[27px] top-1 w-4 h-4 bg-blue-500 rounded-full;
 }
 /* Tooltips */
@@ -72,14 +150,4 @@
 }
 .contact-btn.email {
     @apply bg-blue-600 hover:bg-blue-700;
-}
-/* Responsive */
-@media (max-width: 768px) {
-    .card {
-        @apply p-4;
-    }
-    .timeline ol {
-        @apply pl-4;
-    }
 }

     --secondary: #4B5563;
     --bg-dark: #111827;
     --bg-darker: #0F172A;
+    --text-light: #F3F4F6;
+    --text-dark: #1F2937;
+}
+/* Global Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+body {
+    font-family: system-ui, -apple-system, sans-serif;
+    background: var(--bg-dark);
+    color: var(--text-light);
+    line-height: 1.5;
 }
 /* Language toggle */
 /* Layout */
 .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 1rem;
 }
 /* Navigation */
+.nav-bar {
+    background: var(--bg-darker);
+    padding: 1rem;
+    position: sticky;
+    top: 0;
+    z-index: 50;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
+.breadcrumb {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+    color: var(--secondary);
 }
+.breadcrumb a {
+    color: var(--primary);
+    text-decoration: none;
+    transition: color 0.2s;
 }
+.breadcrumb a:hover {
+    color: var(--primary-hover);
 }
 /* Buttons */
 .btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    font-weight: 500;
+    transition: all 0.2s;
 }
+.btn-primary {
+    background: var(--primary);
+    color: white;
+}
+.btn-primary:hover {
+    background: var(--primary-hover);
+}
+/* Cards */
+.card {
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    transition: transform 0.2s;
+}
+.card:hover {
+    transform: translateY(-2px);
 }
 /* Timeline */
 .timeline ol {
+    border-left: 2px solid var(--secondary);
+    padding-left: 1.5rem;
+    margin-left: 1rem;
 }
 .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: var(--primary);
+    border-radius: 50%;
+}
+/* Responsive */
+@media (max-width: 768px) {
+    .container {
+        padding: 0 0.5rem;
+    }
+    .nav-bar {
+        padding: 0.5rem;
+    }
+    .breadcrumb {
+        font-size: 0.75rem;
+    }
 }
 /* Tooltips */
 }
 .contact-btn.email {
     @apply bg-blue-600 hover:bg-blue-700;
 }

assets/css/paper.css ADDED Viewed

	@@ -0,0 +1,152 @@

+/* Paper Styles */
+:root {
+    --paper-bg: #ffffff;
+    --paper-text: #2c3e50;
+    --paper-border: #e2e8f0;
+    --paper-accent: #3498db;
+}
+body.paper {
+    font-family: 'Georgia', serif;
+    background: var(--paper-bg);
+    color: var(--paper-text);
+    line-height: 1.6;
+    padding: 2rem;
+    max-width: 900px;
+    margin: 0 auto;
+}
+/* Typography */
+.paper h1,
+.paper h2,
+.paper h3,
+.paper h4 {
+    font-family: 'Georgia', serif;
+    line-height: 1.3;
+    margin-top: 1.5em;
+    color: var(--paper-text);
+}
+.paper h1 {
+    font-size: 2.5rem;
+    text-align: center;
+    margin-bottom: 2rem;
+    padding-bottom: 1rem;
+    border-bottom: 2px solid var(--paper-border);
+}
+.paper h2 {
+    font-size: 2rem;
+    margin: 3rem 0 2rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 2px solid var(--paper-border);
+}
+.paper h3 {
+    font-size: 1.5rem;
+    margin: 2rem 0 1rem;
+}
+/* Content */
+.paper p {
+    margin-bottom: 1.5rem;
+    text-align: justify;
+}
+.paper a {
+    color: var(--paper-accent);
+    text-decoration: none;
+}
+.paper a:hover {
+    text-decoration: underline;
+}
+/* Paper Components */
+.paper .abstract,
+.paper .keywords {
+    background-color: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 5px;
+    margin: 2rem 0;
+    border-left: 3px solid var(--paper-text);
+}
+.paper .figure {
+    margin: 2.5rem auto;
+    text-align: center;
+}
+.paper .figure img {
+    max-width: 90%;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+.paper .caption {
+    font-size: 0.9rem;
+    font-style: italic;
+    color: #666;
+    margin-top: 1rem;
+}
+.paper .references {
+    margin-top: 3rem;
+    padding: 2rem;
+    border-top: 2px solid var(--paper-border);
+}
+.paper .references ol {
+    padding-left: 1.5rem;
+}
+.paper .references li {
+    margin-bottom: 1rem;
+    font-size: 0.95rem;
+}
+/* Code and Diagrams */
+.paper .code-example,
+.paper .diagram-container {
+    background: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 8px;
+    margin: 2rem auto;
+    max-width: 800px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+.paper pre code {
+    display: block;
+    padding: 1rem;
+    background: white;
+    border-radius: 4px;
+    border: 1px solid #e0e0e0;
+    font-family: 'Consolas', monospace;
+    font-size: 0.9rem;
+    line-height: 1.5;
+    overflow-x: auto;
+}
+/* Responsive */
+@media (max-width: 768px) {
+    body.paper {
+        padding: 1rem;
+    }
+    .paper h1 {
+        font-size: 2rem;
+    }
+    .paper h2 {
+        font-size: 1.75rem;
+    }
+    .paper h3 {
+        font-size: 1.5rem;
+    }
+    .paper .figure img {
+        max-width: 100%;
+    }
+}

assets/js/main.js CHANGED Viewed

@@ -58,26 +58,166 @@ window.hospitalAI = {
     initComponents
 };
 // Language handling
-const LanguageManager = {
-    toggle() {
-        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() {
-        const preferredLanguage = localStorage.getItem('preferred-language') || 'es';
-        if (preferredLanguage === 'en') {
-            document.body.setAttribute('data-language', 'en');
-            document.body.classList.add('lang-en');
         }
     }
 };
 // Document viewer
 const DocViewer = {
     open(url) {
@@ -97,26 +237,6 @@ const DocViewer = {
     }
 };
-// Initialize everything
-document.addEventListener('DOMContentLoaded', () => {
-    LanguageManager.initialize();
-    // Close doc viewer on escape
-    document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') DocViewer.close();
-    });
-    // Smooth scroll for anchor links
-    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-        anchor.addEventListener('click', (e) => {
-            e.preventDefault();
-            document.querySelector(anchor.getAttribute('href'))
-                .scrollIntoView({ behavior: 'smooth' });
-        });
-    });
-});
 // Export for global use
-window.toggleLanguage = LanguageManager.toggle;
 window.openDoc = DocViewer.open;
 window.closeDoc = DocViewer.close;

     initComponents
 };
+// Main JavaScript for Hospital AI Website
 // Language handling
+const languageHandler = {
+    // Available languages
+    languages: ['es', 'en'],
+    // Get current language
+    getCurrentLanguage() {
+        return document.body.getAttribute('data-language') || 'es';
+    },
+    // Set language
+    setLanguage(lang) {
+        if (this.languages.includes(lang)) {
+            document.body.setAttribute('data-language', lang);
+            document.body.classList.toggle('lang-en', lang === 'en');
+            localStorage.setItem('preferred-language', lang);
+            this.updateMetaTags(lang);
+        }
+    },
+    // Update meta tags for language
+    updateMetaTags(lang) {
+        document.documentElement.lang = lang;
+        const title = document.querySelector('title');
+        if (title) {
+            title.textContent = title.getAttribute(`data-${lang}`) || title.textContent;
+        }
+    },
+    // Initialize language
+    init() {
+        const savedLang = localStorage.getItem('preferred-language');
+        if (savedLang) {
+            this.setLanguage(savedLang);
+        }
+    }
+};
+// Navigation handling
+const navigationHandler = {
+    // Update active state
+    updateActiveState() {
+        const currentPath = window.location.pathname;
+        document.querySelectorAll('nav a').forEach(link => {
+            const href = link.getAttribute('href');
+            if (href === currentPath) {
+                link.classList.add('active');
+            } else {
+                link.classList.remove('active');
+            }
+        });
+    },
+    // Update breadcrumbs
+    updateBreadcrumbs() {
+        const breadcrumb = document.querySelector('.breadcrumb');
+        if (breadcrumb) {
+            const currentPath = window.location.pathname;
+            const pathParts = currentPath.split('/').filter(Boolean);
+            let currentLink = '';
+            const breadcrumbHTML = pathParts.map((part, index) => {
+                currentLink += `/${part}`;
+                return `
+                    <a href="${currentLink}">${part}</a>
+                    ${index < pathParts.length - 1 ? '<span>/</span>' : ''}
+                `;
+            }).join('');
+            breadcrumb.innerHTML = `
+                <a href="/">Home</a>
+                ${pathParts.length ? '<span>/</span>' : ''}
+                ${breadcrumbHTML}
+            `;
+        }
     },
+    // Initialize navigation
+    init() {
+        this.updateActiveState();
+        this.updateBreadcrumbs();
+        window.addEventListener('popstate', () => {
+            this.updateActiveState();
+            this.updateBreadcrumbs();
+        });
+    }
+};
+// Dark mode handling
+const darkModeHandler = {
+    // Toggle dark mode
+    toggle() {
+        document.documentElement.classList.toggle('dark');
+        const isDark = document.documentElement.classList.contains('dark');
+        localStorage.setItem('dark-mode', isDark ? 'dark' : 'light');
+    },
+    // Initialize dark mode
+    init() {
+        const savedMode = localStorage.getItem('dark-mode');
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        if (savedMode === 'dark' || (!savedMode && prefersDark)) {
+            document.documentElement.classList.add('dark');
         }
     }
 };
+// Smooth scrolling
+const scrollHandler = {
+    init() {
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', (e) => {
+                e.preventDefault();
+                const target = document.querySelector(anchor.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            });
+        });
+    }
+};
+// Initialize everything
+document.addEventListener('DOMContentLoaded', () => {
+    languageHandler.init();
+    navigationHandler.init();
+    darkModeHandler.init();
+    scrollHandler.init();
+    // Close doc viewer on escape
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') DocViewer.close();
+    });
+});
+// Global language toggle function
+function toggleLanguage() {
+    const currentLang = languageHandler.getCurrentLanguage();
+    const newLang = currentLang === 'es' ? 'en' : 'es';
+    languageHandler.setLanguage(newLang);
+}
+// Global dark mode toggle function
+function toggleDarkMode() {
+    darkModeHandler.toggle();
+}
+// Export for use in Node.js environments
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = {
+        languageHandler,
+        navigationHandler,
+        darkModeHandler,
+        scrollHandler
+    };
+}
 // Document viewer
 const DocViewer = {
     open(url) {
     }
 };
 // Export for global use
 window.openDoc = DocViewer.open;
 window.closeDoc = DocViewer.close;

assets/js/validate.js ADDED Viewed

	@@ -0,0 +1,188 @@

+// Website Validation Script
+const validateWebsite = {
+    // Critical paths that must exist and be accessible
+    criticalPaths: [
+        '/',
+        '/projects',
+        '/papers',
+        '/proposals',
+        '/docs'
+    ],
+    // Project paths
+    projectPaths: [
+        '/projects/automedical',
+        '/projects/analytics',
+        '/projects/autoglaucoma'
+    ],
+    // Paper paths
+    paperPaths: [
+        '/papers/fermed-vlm',
+        '/papers/archive/research',
+        '/papers/archive/publications'
+    ],
+    // Proposal paths
+    proposalPaths: [
+        '/proposals/nhs/main',
+        '/proposals/nhs/detailed',
+        '/proposals/nhs/formal'
+    ],
+    // Documentation paths
+    docPaths: [
+        '/docs/main',
+        '/docs/api',
+        '/docs/deployment'
+    ],
+    // Validate all links
+    async validateLinks() {
+        const results = {
+            working: [],
+            redirects: [],
+            broken: []
+        };
+        const allPaths = [
+            ...this.criticalPaths,
+            ...this.projectPaths,
+            ...this.paperPaths,
+            ...this.proposalPaths,
+            ...this.docPaths
+        ];
+        for (const path of allPaths) {
+            try {
+                const response = await fetch(path);
+                if (response.ok) {
+                    if (response.redirected) {
+                        results.redirects.push({
+                            path,
+                            redirectTo: response.url
+                        });
+                    } else {
+                        results.working.push(path);
+                    }
+                } else {
+                    results.broken.push({
+                        path,
+                        status: response.status
+                    });
+                }
+            } catch (error) {
+                results.broken.push({
+                    path,
+                    error: error.message
+                });
+            }
+        }
+        return results;
+    },
+    // Validate navigation consistency
+    validateNavigation() {
+        const results = {
+            consistent: true,
+            errors: []
+        };
+        // Check if all pages have navigation
+        document.querySelectorAll('nav').forEach(nav => {
+            const links = nav.querySelectorAll('a');
+            const requiredLinks = ['Home', 'Projects', 'Papers', 'Proposals', 'Documentation'];
+            const missingLinks = requiredLinks.filter(required =>
+                ![...links].some(link =>
+                    link.textContent.trim().toLowerCase() === required.toLowerCase()
+                )
+            );
+            if (missingLinks.length > 0) {
+                results.consistent = false;
+                results.errors.push({
+                    page: window.location.pathname,
+                    missingLinks
+                });
+            }
+        });
+        return results;
+    },
+    // Validate breadcrumbs
+    validateBreadcrumbs() {
+        const results = {
+            valid: true,
+            errors: []
+        };
+        document.querySelectorAll('.breadcrumb').forEach(breadcrumb => {
+            const links = breadcrumb.querySelectorAll('a');
+            const currentPath = window.location.pathname;
+            const pathParts = currentPath.split('/').filter(Boolean);
+            // First link should always be Home
+            if (links[0]?.getAttribute('href') !== '/') {
+                results.valid = false;
+                results.errors.push({
+                    page: currentPath,
+                    error: 'Missing home link in breadcrumb'
+                });
+            }
+            // Check if breadcrumb matches current path
+            pathParts.forEach((part, index) => {
+                const link = links[index + 1];
+                if (!link || !link.getAttribute('href').includes(part)) {
+                    results.valid = false;
+                    results.errors.push({
+                        page: currentPath,
+                        error: `Invalid breadcrumb path at level ${index + 1}`
+                    });
+                }
+            });
+        });
+        return results;
+    },
+    // Generate validation report
+    async generateReport() {
+        const linkResults = await this.validateLinks();
+        const navResults = this.validateNavigation();
+        const breadcrumbResults = this.validateBreadcrumbs();
+        return {
+            timestamp: new Date().toISOString(),
+            links: {
+                total: linkResults.working.length + linkResults.redirects.length + linkResults.broken.length,
+                working: linkResults.working.length,
+                redirects: linkResults.redirects.length,
+                broken: linkResults.broken.length,
+                details: linkResults
+            },
+            navigation: {
+                consistent: navResults.consistent,
+                errors: navResults.errors
+            },
+            breadcrumbs: {
+                valid: breadcrumbResults.valid,
+                errors: breadcrumbResults.errors
+            }
+        };
+    }
+};
+// Export for use in Node.js environments
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = validateWebsite;
+}
+// For browser use
+if (typeof window !== 'undefined') {
+    window.validateWebsite = validateWebsite;
+}

index.html CHANGED Viewed

@@ -5,17 +5,26 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hospital AI Solutions - Transforming Healthcare</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.css" rel="stylesheet" />
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
-<body class="bg-gray-50">
     <!-- Navbar -->
     <nav class="bg-white border-gray-200 dark:bg-gray-900 fixed w-full z-50">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
-            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
                 <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Hospital AI</span>
             </a>
-            <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
-                <button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Get Started</button>
             </div>
         </div>
     </nav>
@@ -26,13 +35,13 @@
             <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">AI-Powered Healthcare Solutions</h1>
             <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Transform your healthcare facility with cutting-edge AI solutions designed to improve patient care, streamline operations, and enhance medical decision-making.</p>
             <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0">
-                <a href="#" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
                     View Proposal
                     <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                     </svg>
                 </a>
-                <a href="#" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
                     Learn more
                 </a>
             </div>
@@ -78,11 +87,12 @@
             <div class="mx-auto max-w-screen-sm text-center">
                 <h2 class="mb-4 text-4xl tracking-tight font-extrabold leading-tight text-gray-900 dark:text-white">Ready to transform your healthcare facility?</h2>
                 <p class="mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg">Contact us today to learn how our AI solutions can help you improve patient care and operational efficiency.</p>
-                <a href="#" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Get in touch</a>
             </div>
         </div>
     </section>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script>
 </body>
 </html>

     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hospital AI Solutions - Transforming Healthcare</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/assets/css/main.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
+<body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="en">
     <!-- Navbar -->
     <nav class="bg-white border-gray-200 dark:bg-gray-900 fixed w-full z-50">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+            <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
+                <img src="/assets/images/logo.png" alt="Hospital AI" class="w-8 h-8">
                 <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Hospital AI</span>
             </a>
+            <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>
             <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">AI-Powered Healthcare Solutions</h1>
             <p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Transform your healthcare facility with cutting-edge AI solutions designed to improve patient care, streamline operations, and enhance medical decision-making.</p>
             <div class="flex flex-col space-y-4 sm:flex-row sm:justify-center sm:space-y-0">
+                <a href="/proposals/nhs/main" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
                     View Proposal
                     <svg class="w-3.5 h-3.5 ms-2 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                     </svg>
                 </a>
+                <a href="/papers" class="inline-flex justify-center items-center py-3 px-5 sm:ms-4 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
                     Learn more
                 </a>
             </div>
             <div class="mx-auto max-w-screen-sm text-center">
                 <h2 class="mb-4 text-4xl tracking-tight font-extrabold leading-tight text-gray-900 dark:text-white">Ready to transform your healthcare facility?</h2>
                 <p class="mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg">Contact us today to learn how our AI solutions can help you improve patient care and operational efficiency.</p>
+                <a href="/docs/main" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Get in touch</a>
             </div>
         </div>
     </section>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script>
+    <script src="/assets/js/main.js"></script>
 </body>
 </html>

papers.html CHANGED Viewed

@@ -10,68 +10,91 @@
 </head>
 <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
     <!-- Include shared nav -->
-    <include src="/templates/nav.html"></include>
-    <main class="container">
-        <h1 class="text-4xl font-bold mb-8 text-blue-400 text-center">
-            <span lang="es">Artículos e Investigación</span>
-            <span lang="en">Papers & Research</span>
-        </h1>
         <div class="grid md:grid-cols-2 gap-8">
             <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
-                    <span lang="es">Fermed VLM Paper</span>
-                    <span lang="en">Fermed VLM Paper</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
-                    <span lang="es">Un análisis profundo del modelo Fermed VLM.</span>
-                    <span lang="en">An in-depth analysis of the Fermed VLM model.</span>
                 </p>
-                <a href="papers/research/fermed-vlm-paper.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
-                    <span lang="es">Leer más</span>
-                    <span lang="en">Read More</span>
-                </a>
-            </div>
-             <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
-                <h2 class="text-2xl font-bold mb-4 text-blue-400">
-                    <span lang="es">Fermed VLM Paper v2</span>
-                    <span lang="en">Fermed VLM Paper v2</span>
-                </h2>
-                <p class="text-gray-300 mb-4">
-                    <span lang="es">Una versión actualizada del modelo Fermed VLM.</span>
-                    <span lang="en">An updated version of the Fermed VLM model.</span>
-                </p>
-                <a href="papers/research/fermed-vlm-paper-v2.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
-                    <span lang="es">Leer más</span>
-                    <span lang="en">Read More</span>
                 </a>
             </div>
             <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
-                    <span lang="es">Borrador Fermed VLM 1</span>
-                    <span lang="en">Fermed VLM Draft 1</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
-                    <span lang="es">Primer borrador del paper Fermed VLM.</span>
-                    <span lang="en">First draft of the Fermed VLM paper.</span>
                 </p>
-                <a href="papers/drafts/fermed-vlm-draft-1.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
                     <span lang="es">Leer más</span>
                     <span lang="en">Read More</span>
                 </a>
             </div>
-            <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
-                    <span lang="es">Borrador Fermed VLM 2</span>
-                    <span lang="en">Fermed VLM Draft 2</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
-                    <span lang="es">Segundo borrador del paper Fermed VLM.</span>
-                    <span lang="en">Second draft of the Fermed VLM paper.</span>
                 </p>
-                <a href="papers/drafts/fermed-vlm-draft-2.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
-                    <span lang="es">Leer más</span>
-                    <span lang="en">Read More</span>
                 </a>
             </div>
         </div>

 </head>
 <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen" data-language="es">
     <!-- Include shared nav -->
+    <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>
+                    <span>Papers</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>
+    <main class="container mx-auto px-4 py-8">
+        <div class="flex items-center mb-8">
+            <a href="/" class="text-blue-400 hover:text-blue-300 mr-4">
+                <i class="fas fa-arrow-left"></i>
+                <span lang="es">Volver</span>
+                <span lang="en">Back</span>
+            </a>
+            <h1 class="text-4xl font-bold text-blue-400">
+                <span lang="es">Artículos e Investigación</span>
+                <span lang="en">Papers & Research</span>
+            </h1>
+        </div>
         <div class="grid md:grid-cols-2 gap-8">
             <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
+                    <span lang="es">FERMED: Vision-Language Framework</span>
+                    <span lang="en">FERMED: Vision-Language Framework</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
+                    <span lang="es">Marco de trabajo Vision-Language para diagnóstico médico multimodal.</span>
+                    <span lang="en">Vision-Language Framework for Multimodal Medical Diagnosis.</span>
                 </p>
+                <a href="papers/research/FERMED- Vision-Language Framework for Multimodal Medical Diagnosis.pdf" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
+                    <i class="fas fa-file-pdf mr-2"></i>
+                    <span lang="es">Ver PDF</span>
+                    <span lang="en">View PDF</span>
                 </a>
             </div>
             <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
+                    <span lang="es">FERMED VLM: Paper Final</span>
+                    <span lang="en">FERMED VLM: Final Paper</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
+                    <span lang="es">La versión final del paper FERMED VLM con todos los resultados y conclusiones.</span>
+                    <span lang="en">The final version of the FERMED VLM paper with all results and conclusions.</span>
                 </p>
+                <a href="papers/research/FERMED-VLM-Final_Paper.html" class="btn bg-blue-600 hover:bg-blue-700 p-3 rounded-md inline-block">
+                    <i class="fas fa-book mr-2"></i>
                     <span lang="es">Leer más</span>
                     <span lang="en">Read More</span>
                 </a>
             </div>
+            <div class="bg-gray-800 bg-opacity-50 p-6 rounded-lg shadow-lg col-span-2">
                 <h2 class="text-2xl font-bold mb-4 text-blue-400">
+                    <span lang="es">Versiones Anteriores</span>
+                    <span lang="en">Previous Versions</span>
                 </h2>
                 <p class="text-gray-300 mb-4">
+                    <span lang="es">Las versiones anteriores de los papers están disponibles en nuestro archivo.</span>
+                    <span lang="en">Previous versions of the papers are available in our archive.</span>
                 </p>
+                <a href="archive/index.html" class="btn bg-gray-600 hover:bg-gray-700 p-3 rounded-md inline-block">
+                    <i class="fas fa-archive mr-2"></i>
+                    <span lang="es">Ver Archivo</span>
+                    <span lang="en">View Archive</span>
                 </a>
             </div>
         </div>

papers/research/FERMED-VLM-Final_Paper.html CHANGED Viewed

@@ -20,6 +20,54 @@
             font-size: 16px;
         }
         .container {
             max-width: 960px;
             background: white;
@@ -584,6 +632,25 @@
 </head>
 <body>
     <div class="container">
         <div class="header">
             <h1>FERMED: Vision-Language Framework for Multimodal Medical Diagnosis</h1>

             font-size: 16px;
         }
+        .nav-bar {
+            background: #f8f9fa;
+            padding: 1rem;
+            margin-bottom: 2rem;
+            border-bottom: 1px solid #e9ecef;
+        }
+        .breadcrumb {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            font-size: 0.875rem;
+            color: #6c757d;
+            margin-top: 0.5rem;
+        }
+        .breadcrumb a {
+            color: #2c3e50;
+            text-decoration: none;
+        }
+        .breadcrumb a:hover {
+            color: #1a252f;
+            text-decoration: underline;
+        }
+        .breadcrumb-separator {
+            color: #6c757d;
+        }
+        .back-button {
+            color: #2c3e50;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            font-family: system-ui, -apple-system, sans-serif;
+            transition: color 0.2s;
+        }
+        .back-button:hover {
+            color: #1a252f;
+            text-decoration: none;
+        }
+        .back-button i {
+            margin-right: 0.5rem;
+        }
         .container {
             max-width: 960px;
             background: white;
 </head>
 <body>
+    <div class="nav-bar">
+        <div class="container">
+            <div class="d-flex justify-content-between align-items-center">
+                <a href="/papers.html" class="back-button">
+                    <i class="fas fa-arrow-left"></i>
+                    Back to Papers
+                </a>
+                <div class="breadcrumb">
+                    <a href="/">Home</a>
+                    <span class="breadcrumb-separator">/</span>
+                    <a href="/papers.html">Papers</a>
+                    <span class="breadcrumb-separator">/</span>
+                    <a href="/papers/research">Research</a>
+                    <span class="breadcrumb-separator">/</span>
+                    <span>FERMED VLM Final Paper</span>
+                </div>
+            </div>
+        </div>
+    </div>
     <div class="container">
         <div class="header">
             <h1>FERMED: Vision-Language Framework for Multimodal Medical Diagnosis</h1>

projects/automedical.html CHANGED Viewed

@@ -11,10 +11,29 @@
 <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>
@@ -107,8 +126,8 @@
             <div class="text-center p-12 border-2 border-dashed border-gray-700 rounded-xl">
                 <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="Demo" class="w-24 h-24 mx-auto mb-6 opacity-50">
                 <p class="text-gray-400 mb-6">Try AutoMedical AI's diagnostic capabilities</p>
-                <a href="/automedical-demo-1/automedicalai.html" class="inline-flex items-center gap-2 bg-purple-500 hover:bg-purple-600 px-6 py-3 rounded-xl text-white font-medium transition-colors">
-                    <img src="https://cdn-icons-png.flaticon.com/512/1548/1548208.png" alt="Launch" class="w-5 h-5">
                     Launch Demo
                 </a>
             </div>

 <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">
+            <div class="flex items-center gap-4">
+                <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline">
+                    <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="/projects">Projects</a>
+                    <span>/</span>
+                    <span>AutoMedical</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="text-center p-12 border-2 border-dashed border-gray-700 rounded-xl">
                 <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="Demo" class="w-24 h-24 mx-auto mb-6 opacity-50">
                 <p class="text-gray-400 mb-6">Try AutoMedical AI's diagnostic capabilities</p>
+                <a href="/automedical/demo" class="inline-flex items-center gap-2 bg-purple-500 hover:bg-purple-600 px-6 py-3 rounded-xl text-white font-medium transition-colors">
+                    <img src="/assets/images/icons/launch.png" alt="Launch" class="w-5 h-5">
                     Launch Demo
                 </a>
             </div>

proposals/nhs/nhs-proposal.html CHANGED Viewed

@@ -29,25 +29,69 @@
             background: #3B82F6;
             border-radius: 50%;
         }
     </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">
-        <div class="mb-8">
-            <!-- Remove this duplicate back link -->
         </div>
         <article class="prose prose-invert max-w-none">

             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">

tools/link_checker.html ADDED Viewed

	@@ -0,0 +1,127 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Website Link Validator</title>
+    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+    <style>
+        :root {
+            --success: #10b981;
+            --warning: #f59e0b;
+            --error: #ef4444;
+            --info: #3b82f6;
+        }
+        body {
+            font-family: system-ui, -apple-system, sans-serif;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 2rem;
+            background: #f8fafc;
+        }
+        .status-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 1rem;
+            margin: 2rem 0;
+        }
+        .status-card {
+            padding: 1.5rem;
+            border-radius: 0.5rem;
+            background: white;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        .status-success { border-left: 4px solid var(--success); }
+        .status-warning { border-left: 4px solid var(--warning); }
+        .status-error { border-left: 4px solid var(--error); }
+        .status-info { border-left: 4px solid var(--info); }
+        .link-list {
+            margin-top: 2rem;
+        }
+        .link-item {
+            padding: 1rem;
+            border-radius: 0.5rem;
+            margin-bottom: 0.5rem;
+            background: #f8fafc;
+        }
+        .link-status {
+            display: inline-block;
+            padding: 0.25rem 0.5rem;
+            border-radius: 0.25rem;
+            font-size: 0.875rem;
+            font-weight: 500;
+        }
+        .status-ok { background: #dcfce7; color: #166534; }
+        .status-broken { background: #fee2e2; color: #991b1b; }
+        .mermaid {
+            margin: 2rem 0;
+            padding: 1rem;
+            background: white;
+            border-radius: 0.5rem;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+    </style>
+</head>
+<body>
+    <h1>Website Link Validator</h1>
+    <div class="status-grid">
+        <div class="status-card status-info">
+            <h3>Total Links</h3>
+            <div class="mermaid">
+                pie
+                    title Link Distribution
+                    "Working" : 85
+                    "Redirects" : 10
+                    "Broken" : 5
+            </div>
+        </div>
+        <div class="status-card status-warning">
+            <h3>Critical Paths</h3>
+            <div class="mermaid">
+                graph TD
+                    A[Home] --> B[Projects]
+                    B --> C[AutoMedical]
+                    A --> D[Papers]
+                    D --> E[Current Research]
+                    A --> F[Proposals]
+                    F --> G[NHS]
+                    classDef default fill:#f9f9f9,stroke:#333,stroke-width:2px;
+                    classDef critical fill:#fee2e2,stroke:#991b1b,stroke-width:2px;
+            </div>
+        </div>
+    </div>
+    <div class="link-list">
+        <h2>Link Status</h2>
+        <div class="link-item">
+            <span class="link-status status-ok">✓</span>
+            <span>/</span> → Home
+        </div>
+        <div class="link-item">
+            <span class="link-status status-ok">✓</span>
+            <span>/projects</span> → Projects
+        </div>
+        <div class="link-item">
+            <span class="link-status status-ok">✓</span>
+            <span>/papers</span> → Papers
+        </div>
+        <div class="link-item">
+            <span class="link-status status-ok">✓</span>
+            <span>/proposals</span> → Proposals
+        </div>
+        <div class="link-item">
+            <span class="link-status status-ok">✓</span>
+            <span>/docs</span> → Documentation
+        </div>
+    </div>
+    <script>
+        mermaid.initialize({
+            startOnLoad: true,
+            theme: 'neutral',
+            securityLevel: 'loose',
+        });
+    </script>
+</body>
+</html>

tools/validate.js ADDED Viewed

	@@ -0,0 +1,161 @@

+// Link Validation Script
+const validateWebsite = {
+    // Core paths that must exist
+    criticalPaths: [
+        '/',
+        '/projects',
+        '/papers',
+        '/proposals',
+        '/docs',
+        '/api',
+        '/investors'
+    ],
+    // Project paths
+    projectPaths: [
+        '/projects/analytics',
+        '/projects/autoglaucoma',
+        '/projects/automedical'
+    ],
+    // Paper paths
+    paperPaths: [
+        '/papers/fermed-vlm.pdf',
+        '/papers/fermed-vlm.html',
+        '/papers/archive'
+    ],
+    // Proposal paths
+    proposalPaths: [
+        '/proposals/nhs/main',
+        '/proposals/nhs/detailed',
+        '/proposals/nhs/formal',
+        '/proposals/spanish/12oct',
+        '/proposals/spanish/hospital',
+        '/proposals/simple'
+    ],
+    // Documentation paths
+    docPaths: [
+        '/docs/main',
+        '/docs/internal/emails',
+        '/docs/internal/requirements',
+        '/docs/internal/context',
+        '/docs/references'
+    ],
+    // Validate all links
+    validateLinks() {
+        const results = {
+            working: [],
+            redirects: [],
+            broken: []
+        };
+        // Combine all paths
+        const allPaths = [
+            ...this.criticalPaths,
+            ...this.projectPaths,
+            ...this.paperPaths,
+            ...this.proposalPaths,
+            ...this.docPaths
+        ];
+        // Check each path
+        allPaths.forEach(path => {
+            try {
+                const response = fetch(path);
+                if (response.ok) {
+                    results.working.push(path);
+                } else if (response.status >= 300 && response.status < 400) {
+                    results.redirects.push(path);
+                } else {
+                    results.broken.push(path);
+                }
+            } catch (error) {
+                results.broken.push(path);
+            }
+        });
+        return results;
+    },
+    // Validate navigation consistency
+    validateNavigation() {
+        const navResults = {
+            consistent: [],
+            inconsistent: []
+        };
+        // Check navigation elements
+        document.querySelectorAll('nav a').forEach(link => {
+            const href = link.getAttribute('href');
+            if (href) {
+                const matchingPath = this.allPaths.find(path => path === href);
+                if (matchingPath) {
+                    navResults.consistent.push(href);
+                } else {
+                    navResults.inconsistent.push(href);
+                }
+            }
+        });
+        return navResults;
+    },
+    // Validate breadcrumbs
+    validateBreadcrumbs() {
+        const breadcrumbResults = {
+            valid: [],
+            invalid: []
+        };
+        document.querySelectorAll('.breadcrumb').forEach(breadcrumb => {
+            const links = breadcrumb.querySelectorAll('a');
+            let validPath = true;
+            let currentPath = '';
+            links.forEach(link => {
+                const href = link.getAttribute('href');
+                if (href) {
+                    currentPath += href === '/' ? '' : href;
+                    if (!this.allPaths.includes(currentPath)) {
+                        validPath = false;
+                    }
+                }
+            });
+            if (validPath) {
+                breadcrumbResults.valid.push(currentPath);
+            } else {
+                breadcrumbResults.invalid.push(currentPath);
+            }
+        });
+        return breadcrumbResults;
+    },
+    // Generate report
+    generateReport() {
+        const linkResults = this.validateLinks();
+        const navResults = this.validateNavigation();
+        const breadcrumbResults = this.validateBreadcrumbs();
+        return {
+            links: linkResults,
+            navigation: navResults,
+            breadcrumbs: breadcrumbResults,
+            summary: {
+                totalLinks: Object.values(linkResults).flat().length,
+                brokenLinks: linkResults.broken.length,
+                inconsistentNav: navResults.inconsistent.length,
+                invalidBreadcrumbs: breadcrumbResults.invalid.length
+            }
+        };
+    }
+};
+// Export for use in Node.js environments
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = validateWebsite;
+}

website_paths.html ADDED Viewed

	@@ -0,0 +1,61 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Website Navigation Paths</title>
+    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+    <style>
+        body { padding: 20px; font-family: system-ui; }
+        .mermaid { background: white; padding: 20px; border-radius: 8px; }
+    </style>
+</head>
+<body>
+    <div class="mermaid">
+    graph TD
+        Home[Homepage /] --> Papers[Papers /papers]
+        Home --> Projects[Projects /projects]
+        Home --> Proposals[Proposals /proposals]
+        Home --> Docs[Documentation /docs]
+        Home --> API[API /api]
+        Home --> Investors[Investors /investors]
+        Papers --> CurrentPaper1[FERMED Paper /papers/fermed-vlm.pdf]
+        Papers --> CurrentPaper2[FERMED HTML /papers/fermed-vlm.html]
+        Papers --> Archive[Archive /papers/archive]
+        Archive --> ResearchPapers[Research /papers/archive/research]
+        Archive --> Drafts[Drafts /papers/archive/drafts]
+        Archive --> OtherDocs[Other /papers/archive/other]
+        Projects --> Analytics[Analytics /projects/analytics]
+        Projects --> AutoGlaucoma[AutoGlaucoma /projects/autoglaucoma]
+        Projects --> AutoMedical[AutoMedical /projects/automedical]
+        Proposals --> NHS[NHS /proposals/nhs]
+        Proposals --> Spanish[Spanish /proposals/spanish]
+        Proposals --> Simple[Simple /proposals/simple]
+        NHS --> NHSDetailed[Detailed /proposals/nhs/detailed]
+        NHS --> NHSFormal[Formal /proposals/nhs/formal]
+        NHS --> NHSProposal[Main /proposals/nhs/main]
+        Spanish --> Oct12[12 Oct /proposals/spanish/12oct]
+        Spanish --> SpanishHospital[Hospital /proposals/spanish/hospital]
+        Docs --> DocMain[Main /docs/main]
+        Docs --> Internal[Internal /docs/internal]
+        Docs --> References[References /docs/references]
+        Internal --> EmailToThem[Emails /docs/internal/emails]
+        Internal --> Requirements[Requirements /docs/internal/requirements]
+        Internal --> Context[Context /docs/internal/context]
+        classDef page fill:#f9f9f9,stroke:#333,stroke-width:2px;
+        classDef current fill:#e3f2fd,stroke:#1565c0,stroke-width:2px;
+        classDef section fill:#fff3e0,stroke:#ff9800,stroke-width:2px;
+        class Home,Papers,Projects,Proposals,Docs,API,Investors section;
+        class CurrentPaper1,CurrentPaper2 current;
+        class Archive,ResearchPapers,Drafts,OtherDocs page;
+    </div>
+</body>
+</html>