Hugging Face's logo

Spaces:
TheVera
/
BotVeraAI
Running

App Files Community
BotVeraAI / index.html
TheVera's picture
TheVera
Update index.html
a12f057 verified
Raw History Blame Contribute Delete
3.89 kB
<!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()">
&#x22EE;
<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()">&times;</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()">&times;</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()">&#10148;</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>