make new website that make a minecraft server for java and bedrock . make the real time database and and also include the log-in, sig-in and sign-up pages . Add spigot and other server files and make server by using these files and give the interface where the user can adjust their server`s properties and also include the console panel where the user can used commands for other tasks like bane the players and give operater access to the user. make the backend that handles the tasks like watching the website`s traffic , health and also secure the website from hackers and server`s attack . make another sperate page for only the admin of this website and all the information like how many users signing , loging and other related information . Makes the several logics for best handling the network like connecting the users with admin and takes comments and reply and ensure servers connections with the users. Add the service of special server for 25 players in 10$ , add the payment methods.
b25c766 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Server Console - CraftyHost</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="flex items-center justify-between mb-8"> | |
| <div> | |
| <h1 class="text-2xl md:text-3xl font-bold">Server Console</h1> | |
| <p class="text-gray-400">My Minecraft Server</p> | |
| </div> | |
| <div class="flex gap-2"> | |
| <button class="bg-gray-700 hover:bg-gray-600 px-3 py-2 rounded-lg transition"> | |
| <i data-feather="refresh-cw" class="w-4 h-4"></i> | |
| </button> | |
| <button class="bg-gray-700 hover:bg-gray-600 px-3 py-2 rounded-lg transition"> | |
| <i data-feather="maximize" class="w-4 h-4"></i> | |
| </button> | |
| <button class="bg-gray-700 hover:bg-gray-600 px-3 py-2 rounded-lg transition"> | |
| <i data-feather="trash-2" class="w-4 h-4"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Console --> | |
| <div class="bg-gray-800 rounded-xl p-6 mb-8"> | |
| <div id="server-console" class="console"> | |
| [00:00:01] [Server thread/INFO]: Starting minecraft server version 1.20.2 | |
| [00:00:01] [Server thread/INFO]: Loading properties | |
| [00:00:01] [Server thread/INFO]: Default game type: SURVIVAL | |
| [00:00:02] [Server thread/INFO]: Generating keypair | |
| [00:00:02] [Server thread/INFO]: Starting Minecraft server on *:25565 | |
| [00:00:02] [Server thread/INFO]: Using epoll channel type | |
| [00:00:02] [Server thread/INFO]: Preparing level "world" | |
| [00:00:03] [Server thread/INFO]: Done (1.234s)! For help, type "help" | |
| [00:01:23] [User Authenticator #1/INFO]: UUID of player Notch is 069a79f4-44e9-4726-a5be-fca90e38aaf5 | |
| [00:01:23] [Server thread/INFO]: Notch joined the game | |
| [00:02:45] [Server thread/INFO]: <Notch> Hello world! | |
| [00:03:12] [Server thread/INFO]: Steve[/192.168.1.1:1234] logged in with entity id 123 at ([world] 12.3, 64.0, -45.6) | |
| [00:03:45] [Server thread/INFO]: Steve: Can someone help me? | |
| [00:04:12] [Server thread/INFO]: Alex[/192.168.1.2:5678] logged in with entity id 124 at ([world] -32.1, 64.0, 12.8) | |
| [00:04:32] [Server thread/INFO]: Notch gave Steve a diamond | |
| </div> | |
| <input type="text" id="console-input" class="console-input mt-4" placeholder="Enter command..."> | |
| </div> | |
| <!-- Quick Commands --> | |
| <div class="bg-gray-800 rounded-xl p-6"> | |
| <h2 class="text-xl font-semibold mb-4">Quick Commands</h2> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-3"> | |
| <button onclick="sendCommand('say Hello from CraftyHost!')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="message-square" class="w-4 h-4 mr-2"></i> | |
| <span>Broadcast</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('op ${player}')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="shield" class="w-4 h-4 mr-2"></i> | |
| <span>OP Player</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('ban ${player}')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="user-x" class="w-4 h-4 mr-2"></i> | |
| <span>Ban Player</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('whitelist add ${player}')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="user-plus" class="w-4 h-4 mr-2"></i> | |
| <span>Whitelist</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('time set day')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="sun" class="w-4 h-4 mr-2"></i> | |
| <span>Set Day</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('weather clear')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="cloud" class="w-4 h-4 mr-2"></i> | |
| <span>Clear Weather</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('gamemode creative ${player}')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="star" class="w-4 h-4 mr-2"></i> | |
| <span>Creative Mode</span> | |
| </div> | |
| </button> | |
| <button onclick="sendCommand('save-all')" class="bg-gray-700 hover:bg-gray-600 p-3 rounded-lg transition"> | |
| <div class="flex items-center justify-center"> | |
| <i data-feather="save" class="w-4 h-4 mr-2"></i> | |
| <span>Save World</span> | |
| </div> | |
| </button> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| setupConsole('server-console'); | |
| function sendCommand(command) { | |
| const input = document.getElementById('console-input'); | |
| input.value = command; | |
| input.focus(); | |
| } | |
| </script> | |
| </body> | |
| </html> |