| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <link rel="stylesheet" href="/src/style.css" /> |
| <title>AI Interview</title> |
| </head> |
| <body> |
| <div id="app"> |
| |
| <header class="top-bar"> |
| |
| <div class="status-container"> |
| <img src="https://static.wixstatic.com/media/b1fac1_9c0ef77531834b2f9be1ea02ff6c47a9~mv2.png" |
| alt="LMD Logo" |
| class="status-logo" |
| > |
|
|
| <h1 class="meeting-title">JOSS AI Interview</h1> |
| |
| |
| |
| |
| </div> |
| <span class="meeting-time">00:00</span> |
| </header> |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <main class="meeting-area"> |
| <div class="video-tile ai"> |
| <canvas id="ai-bg"></canvas> |
| <span class="label">AI Interviewer</span> |
| </div> |
| |
| <div class="video-tile user"> |
| <video id="userVideo" autoplay playsinline muted></video> |
| <span class="label">You</span> |
| </div> |
| </main> |
| |
| <footer class="controls"> |
| <input |
| id="apiKeyInput" |
| type="password" |
| placeholder="Enter Token" |
| autocomplete="off" |
| class="api-key-input" |
| /> |
| <button class="control-btn end" id="counter"> |
| Start Interview |
| </button> |
| </footer> |
| |
| </div> |
|
|
| <script type="module" src="/src/main.js"></script> |
| </body> |
| </html> |
|
|
