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 Settings - 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 Settings</h1> | |
| <p class="text-gray-400">My Minecraft Server</p> | |
| </div> | |
| <button class="bg-emerald-600 hover:bg-emerald-700 px-4 py-2 rounded-lg font-medium transition"> | |
| <i data-feather="save" class="w-4 h-4 mr-2"></i> Save Changes | |
| </button> | |
| </div> | |
| <div class="grid md:grid-cols-4 gap-6"> | |
| <!-- Navigation --> | |
| <div class="md:col-span-1"> | |
| <div class="bg-gray-800 rounded-xl p-4 sticky top-4"> | |
| <h2 class="text-lg font-semibold mb-4">Configuration</h2> | |
| <nav class="space-y-2"> | |
| <a href="#" class="block bg-gray-700 text-white px-4 py-2 rounded-lg">General</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">World</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Networking</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Performance</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Whitelist</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Operators</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Backups</a> | |
| <a href="#" class="block text-gray-400 hover:text-white px-4 py-2 rounded-lg transition">Scheduler</a> | |
| </nav> | |
| </div> | |
| </div> | |
| <!-- Settings Form --> | |
| <div class="md:col-span-3"> | |
| <div class="bg-gray-800 rounded-xl p-6"> | |
| <h2 class="text-xl font-semibold mb-6">General Settings</h2> | |
| <form class="space-y-6"> | |
| <div> | |
| <label for="server-name" class="block text-sm font-medium mb-1">Server Name</label> | |
| <input type="text" id="server-name" value="My Minecraft Server" | |
| class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500"> | |
| </div> | |
| <div> | |
| <label for="server-version" class="block text-sm font-medium mb-1">Minecraft Version</label> | |
| <select id="server-version" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500"> | |
| <option>Paper 1.20.2</option> | |
| <option>Paper 1.20.1</option> | |
| <option>Paper 1.19.4</option> | |
| <option>Spigot 1.20.2</option> | |
| <option>Spigot 1.20.1</option> | |
| <option>Vanilla 1.20.2</option> | |
| <option>Bedrock Edition</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label for="server-type" class="block text-sm font-medium mb-1">Server Type</label> | |
| <select id="server-type" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500"> | |
| <option>Survival</option> | |
| <option>Creative</option> | |
| <option>Adventure</option> | |
| <option>Hardcore</option> | |
| <option>Skyblock</option> | |
| <option>Custom</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label for="max-players" class="block text-sm font-medium mb-1">Max Players</label> | |
| <input type="number" id="max-players" value="25" min="1" max="100" | |
| class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500"> | |
| </div> | |
| <div> | |
| <label for="motd" class="block text-sm font-medium mb-1">MOTD (Message of the Day)</label> | |
| <textarea id="motd" rows="2" class="w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-emerald-500">Welcome to my Minecraft server!</textarea> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div> | |
| <label class="flex items-center space-x-2"> | |
| <input type="checkbox" checked class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <span>Enable PVP</span> | |
| </label> | |
| </div> | |
| <div> | |
| <label class="flex items-center space-x-2"> | |
| <input type="checkbox" checked class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <span>Allow Nether</span> | |
| </label> | |
| </div> | |
| <div> | |
| <label class="flex items-center space-x-2"> | |
| <input type="checkbox" class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <span>Hardcore Mode</span> | |
| </label> | |
| </div> | |
| <div> | |
| <label class="flex items-center space-x-2"> | |
| <input type="checkbox" checked class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <span>Enable Command Blocks</span> | |
| </label> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="spawn-protection" class="block text-sm font-medium mb-1">Spawn Protection Radius</label> | |
| <input type="range" id="spawn-protection" min="0" max="50" value="16" | |
| class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer"> | |
| <div class="flex justify-between text-xs text-gray-400"> | |
| <span>0</span> | |
| <span>25</span> | |
| <span>50</span> | |
| </div> | |
| </div> | |
| <div class="pt-4 border-t border-gray-700"> | |
| <h3 class="text-lg font-semibold mb-4">Danger Zone</h3> | |
| <div class="space-y-4"> | |
| <div class="flex justify-between items-center p-4 bg-gray-700/50 rounded-lg"> | |
| <div> | |
| <h4 class="font-medium">Reset World</h4> | |
| <p class="text-sm text-gray-400">Delete all world data and start fresh</p> | |
| </div> | |
| <button class="bg-red-500 hover:bg-red-600 px-4 py-2 rounded text-sm transition">Reset</button> | |
| </div> | |
| <div class="flex justify-between items-center p-4 bg-gray-700/50 rounded-lg"> | |
| <div> | |
| <h4 class="font-medium">Delete Server</h4> | |
| <p class="text-sm text-gray-400">Permanently remove this server and all its data</p> | |
| </div> | |
| <button class="bg-red-500 hover:bg-red-600 px-4 py-2 rounded text-sm transition">Delete</button> | |
| </div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </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(); | |
| </script> | |
| </body> | |
| </html> |