File size: 3,082 Bytes
2e5b78f 59fb5d1 2e5b78f 59fb5d1 2e5b78f 59fb5d1 2e5b78f 59fb5d1 2e5b78f 1ca8057 2e5b78f 59fb5d1 1ca8057 2e5b78f 1ca8057 59fb5d1 1ca8057 2e5b78f 59fb5d1 2e5b78f 59fb5d1 2e5b78f 59fb5d1 1ca8057 59fb5d1 2e5b78f | 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 | <!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>
/* Force terminal visibility */
#bot-section, #terminal, #output, #command-input {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
</style>
</head>
<body>
<!-- Video Background -->
<div id="video-background">
<video autoplay muted loop id="funk-video">
<source src="" type="video/mp4">
</video>
<div id="video-overlay"></div>
</div>
<!-- Main Panel -->
<div class="panel">
<!-- Auth Section -->
<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>
<!-- Bot Control Section -->
<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>
<!-- Connection Status -->
<div id="connection-status"></div>
<script src="/socket.io/socket.io.js"></script>
<script src="script.js"></script>
</body>
</html> |