Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hawkins National Lab - Terminal</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| <!-- Import Google Fonts for Retro Look --> | |
| <link href="https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="scanlines"></div> | |
| <div class="background-overlay"></div> | |
| <div class="terminal-container"> | |
| <div class="terminal-header"> | |
| <span class="header-title">HAWKINS NATIONAL LABORATORY</span> | |
| </div> | |
| <div class="chat-window" id="chat-container"> | |
| <!-- Messages will be populated here by script.js --> | |
| <div class="message bot-message"> | |
| <img src="/static/bot_icon.png" class="avatar bot-avatar"> | |
| <div class="message-content"> | |
| CONNECTION ESTABLISHED...<br> | |
| Welcome to the Upside Down uplink. | |
| </div> | |
| </div> | |
| <div id="loading" class="typing-indicator"></div> | |
| </div> | |
| <div class="input-area"> | |
| <div class="user-avatar-container"> | |
| <img src="/static/user_icon.png" class="avatar user-avatar"> | |
| </div> | |
| <input type="text" id="user-input" placeholder="Transmit message..." autofocus> | |
| <button id="send-btn">SEND</button> | |
| </div> | |
| </div> | |
| <div class="logo-overlay"> | |
| STRANGER THINGS | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> |