| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>FunkBot Panel</title> |
| <link rel="stylesheet" href="style.css"> |
| <style> |
| |
| #bot-section, #terminal, #output, #command-input { |
| display: block !important; |
| opacity: 1 !important; |
| visibility: visible !important; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <div id="video-background"> |
| <video autoplay muted loop id="funk-video"> |
| <source src="" type="video/mp4"> |
| </video> |
| <div id="video-overlay"></div> |
| </div> |
| |
| |
| <div class="panel"> |
| |
| <div id="auth-section"> |
| <div class="header"> |
| <h1>🎵 FunkBot Panel</h1> |
| </div> |
| <div class="tabs"> |
| <button class="tab active" data-tab="login">Login</button> |
| <button class="tab" data-tab="register">Register</button> |
| </div> |
| |
| <div id="login-form" class="form active"> |
| <input type="text" id="login-username" placeholder="Username" required> |
| <input type="password" id="login-password" placeholder="Password" required> |
| <button id="login-btn">Login</button> |
| <div id="login-message" class="message"></div> |
| </div> |
| |
| <div id="register-form" class="form"> |
| <input type="text" id="register-username" placeholder="Username" required> |
| <input type="password" id="register-password" placeholder="Password (min 8 chars)" required> |
| <input type="password" id="register-confirm" placeholder="Confirm Password" required> |
| <button id="register-btn">Register</button> |
| <div id="register-message" class="message"></div> |
| </div> |
| </div> |
| |
| |
| <div id="bot-section" style="display: none;"> |
| <div class="dashboard"> |
| <div class="header"> |
| <h1>🤖 WhatsApp Bot Terminal</h1> |
| <div class="controls"> |
| <button id="theme-toggle">🌙 Dark Mode</button> |
| <button id="music-toggle">🔊 Play Music</button> |
| </div> |
| </div> |
| |
| <div class="terminal"> |
| <div id="output"></div> |
| <div class="input-group"> |
| <input type="text" id="command-input" placeholder="Enter command..."> |
| <button id="send-command">Send</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div id="connection-status"></div> |
|
|
| <script src="/socket.io/socket.io.js"></script> |
| <script src="script.js"></script> |
| </body> |
| </html> |
