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>Login - 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-12 max-w-md"> | |
| <div class="bg-gray-800 rounded-xl p-8 shadow-lg"> | |
| <div class="text-center mb-8"> | |
| <h1 class="text-3xl font-bold mb-2">Welcome Back</h1> | |
| <p class="text-gray-400">Login to manage your Minecraft servers</p> | |
| </div> | |
| <form id="login-form" class="space-y-6"> | |
| <div> | |
| <label for="email" class="block text-sm font-medium mb-1">Email</label> | |
| <input type="email" id="email" name="email" required | |
| 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="password" class="block text-sm font-medium mb-1">Password</label> | |
| <input type="password" id="password" name="password" required | |
| 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 class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="remember" name="remember" | |
| class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <label for="remember" class="ml-2 text-sm text-gray-300">Remember me</label> | |
| </div> | |
| <a href="/forgot-password.html" class="text-sm text-emerald-500 hover:underline">Forgot password?</a> | |
| </div> | |
| <button type="submit" | |
| class="w-full bg-emerald-600 hover:bg-emerald-700 text-white font-medium py-2 px-4 rounded-lg transition duration-200"> | |
| Login | |
| </button> | |
| <div class="text-center text-sm text-gray-400"> | |
| Don't have an account? <a href="/signup.html" class="text-emerald-500 hover:underline">Sign up</a> | |
| </div> | |
| </form> | |
| </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(); | |
| // Handle login form submission | |
| document.getElementById('login-form')?.addEventListener('submit', async (e) => { | |
| e.preventDefault(); | |
| // Simulate login (in a real app, this would be an API call) | |
| const email = document.getElementById('email').value; | |
| const password = document.getElementById('password').value; | |
| if (email && password) { | |
| // Store auth token in localStorage | |
| localStorage.setItem('authToken', 'simulated-token'); | |
| // Redirect to dashboard | |
| window.location.href = '/dashboard.html'; | |
| } else { | |
| alert('Please enter both email and password'); | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |