Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>NeuroScan | Advanced Brain Tumor Analysis</title> | |
| <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=Orbitron:wght@400;700&family=Outfit:wght@300;400;600&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="/static/styles.css"> | |
| </head> | |
| <body> | |
| <div class="background-mesh"></div> | |
| <div class="scan-line"></div> | |
| <main class="container"> | |
| <header class="header"> | |
| <div class="logo"> | |
| <span class="logo-icon">◈</span> | |
| <h1>NEURO<span class="accent">SCAN</span></h1> | |
| </div> | |
| <p class="subtitle">Clinical Grade MRI Classification System</p> | |
| </header> | |
| <section class="analysis-core"> | |
| <div class="upload-zone" id="dropZone"> | |
| <input type="file" id="fileInput" accept="image/*" hidden> | |
| <div class="upload-content"> | |
| <div class="hex-icon"> | |
| <div class="hex-inner"></div> | |
| </div> | |
| <h3>Initialize Scan</h3> | |
| <p>Drag MRI data or click to browse</p> | |
| </div> | |
| <div class="preview-container" id="previewContainer"> | |
| <img id="imagePreview" src="" alt="MRI Preview"> | |
| <div class="scanning-overlay" id="scanningOverlay"> | |
| <div class="scanner-bar"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="results-panel" id="resultsPanel"> | |
| <div class="status-indicator"> | |
| <span class="pulse"></span> | |
| <span id="statusText">System Ready</span> | |
| </div> | |
| <div class="prediction-data" id="predictionData"> | |
| <div class="main-result"> | |
| <label>Diagnosis</label> | |
| <h2 id="predictedClass">Awaiting Input</h2> | |
| </div> | |
| <div class="confidence-meter"> | |
| <div class="meter-header"> | |
| <span>Confidence Score</span> | |
| <span id="confidenceValue">0%</span> | |
| </div> | |
| <div class="meter-bar"> | |
| <div class="meter-fill" id="confidenceFill"></div> | |
| </div> | |
| </div> | |
| <div class="probability-breakdown" id="probBreakdown"> | |
| <!-- Probabilities will be injected here --> | |
| </div> | |
| </div> | |
| <button class="reset-btn" id="resetBtn">New Analysis</button> | |
| </div> | |
| </section> | |
| <footer class="footer"> | |
| <div class="system-stats"> | |
| <span>GPU_ACCEL: OFF</span> | |
| <span>LATENCY: <span id="latencyValue">0ms</span></span> | |
| <span>ENGINE: TENSORFLOW_2.x</span> | |
| </div> | |
| </footer> | |
| </main> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |