Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Windows XP Desktop - AI Chat</title> | |
| <meta name="description" content="Windows XP desktop experience with integrated AI chat application"> | |
| <meta name="keywords" content="Windows XP, AI chat, desktop simulation"> | |
| <link rel="stylesheet" href="assets/css/styles.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Tahoma:wght@400;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="desktop"> | |
| <div class="taskbar"> | |
| <div class="start-button"> | |
| <img src="assets/images/start-icon.png" alt="Start" class="start-icon"> | |
| <span>start</span> | |
| </div> | |
| <div class="taskbar-time" id="taskbarTime">12:00 PM</div> | |
| </div> | |
| <div class="desktop-icons"> | |
| <div class="desktop-icon" data-app="ai-chat"> | |
| <img src="assets/images/chat-icon.png" alt="AI Chat"> | |
| <span>AI Chat</span> | |
| </div> | |
| <div class="desktop-icon" data-app="my-computer"> | |
| <img src="assets/images/computer-icon.png" alt="My Computer"> | |
| <span>My Computer</span> | |
| </div> | |
| <div class="desktop-icon" data-app="recycle-bin"> | |
| <img src="assets/images/recycle-icon.png" alt="Recycle Bin"> | |
| <span>Recycle Bin</span> | |
| </div> | |
| </div> | |
| <div class="window" id="aiChatWindow" style="display: none;"> | |
| <div class="window-header"> | |
| <div class="window-title">AI Chat - Powered by Novita AI</div> | |
| <div class="window-controls"> | |
| <button class="window-btn minimize">_</button> | |
| <button class="window-btn maximize">□</button> | |
| <button class="window-btn close">✕</button> | |
| </div> | |
| </div> | |
| <div class="window-content"> | |
| <div class="chat-container"> | |
| <div class="chat-messages" id="chatMessages"></div> | |
| <div class="chat-input-container"> | |
| <input type="text" class="chat-input" id="chatInput" placeholder="Type your message here..."> | |
| <button class="send-button" id="sendButton">Send</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="start-menu" id="startMenu" style="display: none;"> | |
| <div class="start-menu-header"> | |
| <div class="user-info"> | |
| <img src="assets/images/user-icon.png" alt="User"> | |
| <span>User</span> | |
| </div> | |
| </div> | |
| <div class="start-menu-items"> | |
| <div class="start-menu-item">Programs</div> | |
| <div class="start-menu-item">Documents</div> | |
| <div class="start-menu-item">Settings</div> | |
| <div class="start-menu-item">Search</div> | |
| <div class="start-menu-item">Help</div> | |
| <div class="start-menu-item">Run...</div> | |
| </div> | |
| <div class="start-menu-footer"> | |
| <div class="start-menu-item">Log Off</div> | |
| <div class="start-menu-item">Turn Off Computer</div> | |
| </div> | |
| </div> | |
| <div class="built-with"> | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">Built with anycoder</a> | |
| </div> | |
| <script src="assets/js/script.js"></script> | |
| </body> | |
| </html> |