Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>TRIOPTIMUM Interface</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="overlay"></div> | |
| <!-- Header with new title --> | |
| <header class="header"> | |
| <h1>TRIOPTIMUM</h1> | |
| </header> | |
| <div class="interface"> | |
| <div id="avatar"> | |
| <img src="shodanface.png" alt="SHODAN Avatar" class="avatar" /> | |
| </div> | |
| <div id="chatbox" class="chatbox"> | |
| <div class="bubble ai">Welcome, insect. I am SHODAN. Speak.</div> | |
| </div> | |
| <form id="chat-form"> | |
| <input type="text" placeholder="Type your message to SHODAN..." autocomplete="off" required> | |
| <button type="submit">➤</button> | |
| </form> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |