Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Kanha AI</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link rel="stylesheet" href="index.css"> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="chat-container"> | |
| <div class="chat-header"> | |
| <h1><img src="./Logo_Final.jpg" alt="Custom Icon" style="width: 30px; height: 30px; margin-right: 10px; vertical-align: middle;">Kanha</h1> | |
| </div> | |
| <div id="progress-container" class="progress-container hidden"> | |
| <div id="progress-bar" class="progress-bar"></div> | |
| </div> | |
| <div id="download-status" class="status hidden"></div> | |
| <div id="chat-box" class="chat-box"> | |
| <div class="welcome-message"> | |
| <h2>Hello, I am Kanha!</h2> | |
| <p>Type your message and press enter or click the send button to start chatting. The model will initialize on your first message.</p> | |
| </div> | |
| </div> | |
| <div id="chat-stats" class="chat-stats hidden"></div> | |
| <div class="chat-input-container"> | |
| <input type="text" id="user-input" class="input" placeholder="Type your message here..." required> | |
| <button id="send" class="button send-button"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <script src="https://esm.run/@mlc-ai/web-llm" type="module"></script> | |
| <script src="index.js" type="module"></script> | |
| </body> | |
| </html> |