Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Jarvis AI Assistant</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="description" content="Jarvis AI Assistant - Your personal voice-enabled AI helper"> | |
| <meta name="theme-color" content="#6366F1"> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | |
| <link rel="stylesheet" href="/static/style.css" /> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤖</text></svg>"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <div class="chat-container"> | |
| <div class="chat-header"> | |
| <div class="app-branding"> | |
| <div class="app-icon"> | |
| <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM16.2 17C16.2 17.3 15.9 17.6 15.6 17.6H8.4C8.1 17.6 7.8 17.3 7.8 17C7.8 16.7 8.1 16.4 8.4 16.4H15.6C15.9 16.4 16.2 16.7 16.2 17ZM11.4 6.5V9.7H8.2C7.9 9.7 7.6 10 7.6 10.3C7.6 10.6 7.9 10.9 8.2 10.9H11.4V14.1C11.4 14.4 11.7 14.7 12 14.7C12.3 14.7 12.6 14.4 12.6 14.1V10.9H15.8C16.1 10.9 16.4 10.6 16.4 10.3C16.4 10 16.1 9.7 15.8 9.7H12.6V6.5C12.6 6.2 12.3 5.9 12 5.9C11.7 5.9 11.4 6.2 11.4 6.5Z" fill="currentColor"/> | |
| </svg> | |
| </div> | |
| <h1>J.A.R.V.I.S</h1> | |
| </div> | |
| <div class="controls"> | |
| <select id="languageSelector" class="language-selector"> | |
| <option value="en">English</option> | |
| <option value="de">Deutsch</option> | |
| </select> | |
| <div id="indicator" class="status-indicator">Connecting...</div> | |
| </div> | |
| </div> | |
| <div id="conversation" class="conversation-container"></div> | |
| <div class="input-container"> | |
| <textarea id="textInput" placeholder="Ask me anything..." rows="1"></textarea> | |
| <div class="button-group"> | |
| <button id="sendText" class="send-button" aria-label="Send message"> | |
| <i class="bi bi-send-fill"></i> | |
| </button> | |
| <button id="micButton" class="mic-button" aria-label="Record voice"> | |
| <i class="bi bi-mic-fill"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="helper-text"> | |
| <span>Press <i class="bi bi-mic"></i> to talk, or type and press <i class="bi bi-send"></i></span> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> |