Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>MANIT Chat — Your Academic Assistant</title> | |
| <!-- Preconnect for Google Fonts --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <!-- Fonts: Inter (sans-serif) and Caveat (cursive/handwritten) --> | |
| <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <!-- Main Stylesheet --> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <!-- Header --> | |
| <header class="app-header"> | |
| <div class="header-content"> | |
| <h1 class="header-title">MANIT Chat</h1> | |
| <p class="header-subtitle">Maulana Azad National Institute of Technology, Bhopal</p> | |
| </div> | |
| </header> | |
| <!-- Chat Log Area --> | |
| <main class="chat-area" id="chat-area"> | |
| <div class="chat-wrapper" id="chat-wrapper"> | |
| <!-- Welcome Message (Bot) --> | |
| <div class="message bot-message"> | |
| <div class="message-content"> | |
| Hello! Welcome to MANIT Chat, your academic assistant. Ask me anything about Maulana Azad National Institute of Technology, Bhopal, including academic departments, placements, facilities, clubs and societies, schemes, ordinance etc. | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Input Section --> | |
| <footer class="input-area"> | |
| <form id="chat-form" class="input-form"> | |
| <input | |
| type="text" | |
| id="chat-input" | |
| class="chat-input" | |
| placeholder="Type your academic query here..." | |
| autocomplete="off" | |
| required | |
| > | |
| <button type="submit" id="send-button" class="send-button" aria-label="Send message"> | |
| <svg viewBox="0 0 24 24" class="send-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <line x1="22" y1="2" x2="11" y2="13"></line> | |
| <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> | |
| </svg> | |
| </button> | |
| </form> | |
| </footer> | |
| </div> | |
| <!-- Main Logic Script --> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| <script src="app.js"></script> | |
| </body> | |
| </html> | |