File size: 3,887 Bytes
d0a2a06 e939166 a177449 d675993 d0a2a06 1f2056a 5f65354 7045b5b 1f2056a a12f057 1f2056a e98b056 1f2056a 4cfb955 1f2056a 1dfcf6c 1f2056a 40c4b50 3a5ed28 40c4b50 0ca4613 40c4b50 ce346ca 664f431 dfbcdaa 3b0765a 1f2056a 1ed0525 a177449 1f2056a ab38ba1 1f2056a d0a2a06 1f2056a d0a2a06 1f2056a d0a2a06 2654296 1f2056a 9d0e677 d0a2a06 fc25f35 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | <!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">
<!-- Chat area -->
<div class="chat-panel">
<!-- Chat header with login and new chat -->
<div class="chat-header">
<h1>VERA AI Bot</h1>
<!-- <button class="charcha-button" id="charchaButton" onclick="window.location.href='https://thevera-shastracharcha.static.hf.space'"> -->
<!-- Sastra Charcha -->
<!-- </button> -->
<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> <!-- New Donate option -->
</ul>
</div>
</div>
<!-- Donation Modal -->
<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>
<!-- UPI Payment Link -->
<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>
<!-- Settings Modal -->
<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>
<!-- Chat body -->
<div class="chat-body" id="chatBody">
<div class="welcome-message bot-message">Hello! How can I assist you today?</div>
</div>
<!-- Chat footer with input and mic button -->
<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>
<!-- Load the jwt-decode library before your script -->
<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>
|