| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> |
| <title>Village Health Screener</title> |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&display=swap" rel="stylesheet"> |
| <link rel="stylesheet" href="/static/style.css"> |
| |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| </head> |
| <body> |
| <header class="app-header"> |
| <div class="header-title"> |
| <i class="fa-solid fa-stethoscope"></i> |
| <h1>ASHA Screener</h1> |
| </div> |
| <div class="mode-toggle"> |
| <label class="switch"> |
| <input type="checkbox" id="localModeToggle"> |
| <span class="slider round"></span> |
| </label> |
| <span id="modeLabel" class="mode-label">Cloud</span> |
| </div> |
| </header> |
|
|
| <main class="app-content"> |
| <div class="disclaimer"> |
| <i class="fa-solid fa-triangle-exclamation"></i> |
| <p><strong>Support Tool:</strong> Does not replace clinical diagnosis.</p> |
| </div> |
|
|
| <div class="chat-container" id="chatContainer"> |
| |
| <div class="message system-message"> |
| <div class="bubble"> |
| नमस्ते! कृपया रोगी के लक्षणों को रिकॉर्ड करें या घाव की फोटो लें।<br> |
| <small>(Please record patient symptoms or take a photo of the wound.)</small> |
| </div> |
| </div> |
| |
| </div> |
| </main> |
|
|
| <footer class="app-footer"> |
| <div class="action-bar"> |
| |
| <input type="file" id="cameraInput" accept="image/*" capture="environment" style="display: none;"> |
| |
| <button id="cameraBtn" class="action-btn secondary"> |
| <i class="fa-solid fa-camera"></i> |
| </button> |
| |
| <button id="micBtn" class="action-btn primary"> |
| <i class="fa-solid fa-microphone"></i> |
| </button> |
| |
| <button id="triageBtn" class="action-btn secondary"> |
| <i class="fa-solid fa-clipboard-check"></i> |
| </button> |
| </div> |
| <div class="status-bar" id="statusBar">Ready</div> |
| </footer> |
|
|
| <script src="/static/app.js"></script> |
| </body> |
| </html> |
|
|
