| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>BotVera</title> |
| <link rel="stylesheet" href="styles.css"> |
| <link rel="manifest" href="manifest.json"> |
| </head> |
| <body> |
| <div class="chat-container"> |
| |
| <div class="chat-panel"> |
| |
| <div class="chat-header"> |
| <h1>VERA AI Bot</h1> |
| |
| |
| |
| <div class="icons"> |
| <img src="newchat.png" alt="New Chat" class="header-icon" title="New Chat" onclick="startNewChat()" /> |
| <img src="icon_bhagvatras2.png" alt="Sastra Charcha" class="charcha-button" id="charchaButton" title="Sastra Charcha" onclick="window.location.href='https://bhagvat-ras.static.hf.space'" /> |
| <div id="user-info" style="display: none;"> |
| <span id="user-name"></span> |
| <button id="logout-button" style="display: none;">Logout</button> |
| </div> |
| <div id="login-link" style="display: block;"> |
| <a href="login.html" title="Login"> |
| <img src="login.png" alt="Login" class="header-icon" /> |
| </a> |
| </div> |
| </div> |
| |
| <div class="three-dot-menu" onclick="toggleMenu()"> |
| ⋮ |
| <div class="menu-options" id="menuOptions" style="display: none;"> |
| <ul> |
| <li onclick="openSettings()">Settings</li> |
| <li>Help</li> |
| <li onclick="showDonateModal()">Donate</li> |
| </ul> |
| </div> |
| </div> |
|
|
| |
| <div id="donateModal" class="modal" style="display: none;"> |
| <div class="modal-content"> |
| <span class="close" onclick="closeDonateModal()">×</span> |
| <h2>Donate via UPI</h2> |
| <p>To support our platform, please scan the QR code below or use the UPI ID.</p> |
| <img src="QR_CODE_IMAGE.png" alt="UPI QR Code" class="qr-code"> |
| <p>UPI ID: <span id="upiId">sumandas24-4@okaxis</span></p> |
| <button onclick="copyUpiId()">Copy UPI ID</button> |
| <br><br> |
| |
| <a href="upi://pay?pa=sumandas24-4@okaxis&pn=Suman+Das&cu=INR" target="_blank" class="upi-link-button">Pay with UPI</a> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="settingsModal" class="modal" style="display: none;"> |
| <div class="modal-content"> |
| <span class="close" onclick="closeSettings()">×</span> |
| <h3>Settings</h3> |
| <label for="speakToggle">Enable Speech:</label> |
| <input type="checkbox" id="speakToggle" onclick="toggleSpeak()" checked> |
| </div> |
| </div> |
|
|
| |
| <div class="chat-body" id="chatBody"> |
| <div class="welcome-message bot-message">Hello! How can I assist you today?</div> |
| </div> |
|
|
| |
| <div class="chat-footer"> |
| <div class="input-container"> |
| <textarea id="userInput" placeholder="Type your message..." rows="1"></textarea> |
| <button id="sendButton" onclick="sendMessage()">➤</button> |
| <button id="micButton" onclick="activateVoice()"> |
| <img src="mic.png" alt="Mic" class="mic-icon"> |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <script src="https://cdn.jsdelivr.net/npm/jwt-decode@3.1.2/build/jwt-decode.min.js"></script> |
| <script src="script.js" ></script> |
| </body> |
| </html> |
|
|
