Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MTDNet v5 | Clinical Alzheimer's Detection</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="neural-overlay"></div> | |
| <nav> | |
| <div class="logo-container"> | |
| <img src="mtdnet_premium_logo_png_1775510761030.png" alt="MTDNet Logo" class="logo-icon"> | |
| <span class="brand-text">MTDNet v5</span> | |
| </div> | |
| <div class="nav-links"> | |
| <a href="#dashboard" class="btn-primary" style="padding: 0.75rem 1.5rem; font-size: 0.875rem;">Launch Console</a> | |
| </div> | |
| </nav> | |
| <header class="hero"> | |
| <span class="badge">98.17% Clinical F1 Store • Master V5 Engine</span> | |
| <h1>The Precision Standard <br>in <span style="color: var(--accent-cyan)">Dementia Detection.</span></h1> | |
| <p>Harnessing Spatial-Temporal Neural Networks for the early screening of Alzheimer's Disease and Mild Cognitive Impairment with sub-second accuracy.</p> | |
| <div class="stats-grid"> | |
| <div class="stat-item"> | |
| <span class="stat-value" style="color: var(--accent-cyan)">98.2%</span> | |
| <span class="stat-label">Model Accuracy</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-value">0.057</span> | |
| <span class="stat-label">MSE Validation Loss</span> | |
| </div> | |
| <div class="stat-item"> | |
| <span class="stat-value" style="color: var(--accent-violet)">V5</span> | |
| <span class="stat-label">Clinical Architecture</span> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="dashboard-container" id="dashboard"> | |
| <section class="glass-card"> | |
| <h2 style="margin-bottom: 2rem; font-size: 2rem;">Diagnostic Station</h2> | |
| <div id="drop-zone" class="drop-zone"> | |
| <div style="font-size: 3rem; margin-bottom: 1rem;">📁</div> | |
| <h3 style="margin-bottom: 0.5rem;">Upload EEG Record</h3> | |
| <p style="color: var(--text-secondary); margin-bottom: 2rem;">Select or drag-and-drop a .csv or .set EEG file for analysis</p> | |
| <input type="file" id="file-input" hidden accept=".csv,.set"> | |
| <button onclick="document.getElementById('file-input').click()" class="btn-primary">Browse Files</button> | |
| </div> | |
| <div id="results-panel" class="results-panel"> | |
| <div style="display: flex; justify-content: space-between; align-items: flex-end;"> | |
| <div> | |
| <h3 id="result-status" style="font-size: 1.5rem; margin-bottom: 0.5rem; color: var(--accent-cyan);">Analyzing Neural Patterns...</h3> | |
| <p id="result-detail" style="color: var(--text-secondary);">Extracting Spatial-Temporal features via V5 Engine.</p> | |
| </div> | |
| <div style="text-align: right;"> | |
| <span id="confidence-value" style="font-size: 2.5rem; font-weight: 800;">0%</span> | |
| <p style="font-size: 0.75rem; color: var(--text-secondary);">CONFIDENCE</p> | |
| </div> | |
| </div> | |
| <div class="confidence-bg"> | |
| <div id="confidence-fill" class="confidence-fill"></div> | |
| </div> | |
| <button onclick="window.location.reload()" class="btn-primary" style="margin-top: 1rem; background: transparent; border: 1px solid var(--glass-border); box-shadow: none;">Analyze Another Record</button> | |
| </div> | |
| </section> | |
| <section style="margin-top: 4rem; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;"> | |
| <div class="glass-card" style="padding: 2rem;"> | |
| <h3>Get the Mobile App</h3> | |
| <p style="color: var(--text-secondary); margin-bottom: 1.5rem;">Clinical monitoring on the go. Version 1.0.0 Production APK ready.</p> | |
| <a href="https://expo.dev/artifacts/eas/9rY7WtYVbAupctUTcDLbKZ.apk" class="btn-primary" style="display: inline-block;">Download APK</a> | |
| </div> | |
| <div class="glass-card" style="padding: 2rem;"> | |
| <h3>Edge Station (Jetson)</h3> | |
| <p style="color: var(--text-secondary); margin-bottom: 1.5rem;">Deploy the MTDNet brain directly to your NVIDIA hardware.</p> | |
| <a href="MTDNet_v5_TOTAL_PRODUCTION_STATION.zip" class="btn-primary" style="display: inline-block; background: var(--bg-surface); border: 1px solid var(--accent-violet);">Download Bundle</a> | |
| </div> | |
| </section> | |
| </main> | |
| <footer style="padding: 4rem 5%; text-align: center; border-top: 1px solid var(--glass-border);"> | |
| <p style="color: var(--text-secondary); font-size: 0.875rem;">© 2026 MTDNet Project. Clinical Grade AI for Neuro-Diagnostics.</p> | |
| </footer> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |