| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width,initial-scale=1" /> |
| <title>KshitijAI</title> |
| <link rel="stylesheet" href="/style.css?v=30" /> |
| </head> |
| <body> |
| <div class="page"> |
|
|
| <header class="header"> |
| <div class="brand"> |
| <div class="logo" aria-hidden="true"> |
| <svg width="26" height="26" viewBox="0 0 128 128"> |
| <circle cx="44" cy="30" r="12" /> |
| <path d="M34 48 C34 42, 54 42, 54 48 L58 82 C58 92, 30 92, 30 82 Z" /> |
| <path d="M78 62 c-10 0-18 7-18 16 c0 9 8 16 18 16 c10 0 18-7 18-16 c0-9-8-16-18-16 Z" /> |
| <circle cx="78" cy="78" r="5" fill="white"/> |
| <path d="M58 68 L92 56 L96 64 L62 76 Z" /> |
| <path d="M52 54 C62 56, 66 62, 72 66 L66 74 C58 68, 54 64, 46 62 Z" /> |
| <path d="M36 90 L28 120 L40 120 L46 96 Z" /> |
| <path d="M52 90 L60 120 L48 120 L42 96 Z" /> |
| </svg> |
| </div> |
|
|
| <div class="brandText"> |
| <div class="brandName">KshitijAI</div> |
| <div class="brandSub">Llama3 • Ollama</div> |
| </div> |
| </div> |
|
|
| <div class="status"> |
| <span class="dot" id="statusDot"></span> |
| <span id="statusText">Disconnected</span> |
| </div> |
| </header> |
|
|
| <main class="main"> |
| <section class="hero" id="hero"> |
| <h1>How can I help you today?</h1> |
| <p>Running on Hugging Face Spaces (Docker) with Ollama inside.</p> |
| </section> |
|
|
| <section class="chatWrap"> |
| <div class="chat" id="chat" aria-label="Chat"></div> |
| </section> |
|
|
| <footer class="composerWrap"> |
| <form class="composer" id="form"> |
| <div class="composerCard" id="composerCard"> |
| <textarea id="prompt" class="prompt" rows="1" placeholder="Message KshitijAI…" autocomplete="off"></textarea> |
|
|
| <div class="actions"> |
| <button type="button" class="toggle" id="searchBtn" aria-pressed="false" title="Toggle search mode"> |
| Search |
| </button> |
|
|
| <button type="submit" class="send" id="sendBtn" title="Send message"> |
| Send |
| </button> |
| </div> |
| </div> |
|
|
| <div class="hint"> |
| <span>Enter</span> to send • <span>Shift+Enter</span> for new line |
| </div> |
| </form> |
| </footer> |
| </main> |
|
|
| </div> |
|
|
| <script src="/app.js?v=30"></script> |
| </body> |
| </html> |
