Spaces:
Running
Running
| <html lang="en" class="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Rekt Chat - AI Assistant</title> | |
| <meta name="description" content="Experience intelligent conversations with Rekt Chat - A modern AI assistant powered by advanced language models"> | |
| <link rel="stylesheet" href="css/styles.css"> | |
| <link rel="icon" href="favicon.ico" type="image/x-icon"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <!-- Open Graph tags --> | |
| <meta property="og:title" content="Rekt Chat - AI Assistant"> | |
| <meta property="og:description" content="Experience intelligent conversations with Rekt Chat - A modern AI assistant powered by advanced language models"> | |
| <meta property="og:image" content="https://sh33ikh.github.io/rekt-chat/img/og-image.png"> | |
| <meta property="og:url" content="https://sh33ikh.github.io/rekt-chat/"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <header class="app-header"> | |
| <div class="header-content"> | |
| <h1><i class="fas fa-robot"></i> Rekt Chat</h1> | |
| <div class="header-actions"> | |
| <button id="theme-toggle" class="icon-button" aria-label="Toggle theme"> | |
| <i class="fas fa-sun"></i> | |
| </button> | |
| <button id="clear-chat" class="icon-button" aria-label="Clear chat"> | |
| <i class="fas fa-trash"></i> | |
| </button> | |
| <!-- New Telegram Button --> | |
| <button id="telegram-link" class="icon-button" aria-label="Contact on Telegram" onclick="window.open('https://t.me/RektDevelopers', '_blank')"> | |
| <i class="fas fa-telegram"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="chat-container"> | |
| <div id="chat-messages" class="messages-container"> | |
| <div class="welcome-message"> | |
| <h2>What can I help you with?</h2> | |
| <p>Ask me anything and I'll do my best to help!</p> | |
| </div> | |
| </div> | |
| <div id="typing-indicator" class="typing-indicator hidden"> | |
| <div class="typing-bubble"> | |
| <div class="dots"> | |
| <span></span> | |
| <span></span> | |
| <span></span> | |
| </div> | |
| </div> | |
| </div> | |
| <form id="chat-form" class="chat-input-container"> | |
| <div class="input-wrapper"> | |
| <textarea | |
| id="user-input" | |
| placeholder="Ask a question..." | |
| rows="1" | |
| maxlength="1000" | |
| aria-label="Chat input" | |
| ></textarea> | |
| <div class="input-actions"> | |
| <span id="char-counter" class="char-counter">0/1000</span> | |
| <button type="submit" id="send-button" class="send-button" aria-label="Send message"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </form> | |
| </main> | |
| </div> | |
| <div id="toast-container" class="toast-container"></div> | |
| <script src="js/config.js"></script> | |
| <script src="js/app.js"></script> | |
| </body> | |
| </html> | |