Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Harry Potter RAG</title> | |
| <link rel="stylesheet" href="/static/style.css" /> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Inter:wght@300;400;500&display=swap" | |
| rel="stylesheet" | |
| /> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Harry Potter RAG</h1> | |
| <p class="subtitle"> | |
| Retrieval-Augmented Generation over the Wizarding World | |
| </p> | |
| <!-- Question Form --> | |
| <form id="qa-form"> | |
| <input | |
| type="text" | |
| id="question-input" | |
| placeholder="Ask something magical..." | |
| required | |
| /> | |
| <button type="submit">Ask</button> | |
| </form> | |
| <!-- Temporary Answer --> | |
| <div id="current-answer" class="answer-box" style="display: none;"></div> | |
| <!-- History --> | |
| <div class="history"> | |
| <h2>Conversation History</h2> | |
| <div id="history-list"></div> | |
| </div> | |
| <div class="footer"> | |
| Built with <span>RAG</span> 路 <span>FastAPI</span> 路 <span>Hugging Face</span> 路 <span>Magic</span> | |
| </div> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |