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>Sign Up - 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">Create Account</h1> | |
| <p class="text-gray-400">Get started with your Minecraft server</p> | |
| </div> | |
| <form id="signup-form" class="space-y-6"> | |
| <div> | |
| <label for="name" class="block text-sm font-medium mb-1">Full Name</label> | |
| <input type="text" id="name" name="name" 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="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> | |
| <label for="confirm-password" class="block text-sm font-medium mb-1">Confirm Password</label> | |
| <input type="password" id="confirm-password" name="confirm-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"> | |
| <input type="checkbox" id="terms" name="terms" required | |
| class="h-4 w-4 text-emerald-600 focus:ring-emerald-500 border-gray-600 rounded bg-gray-700"> | |
| <label for="terms" class="ml-2 text-sm text-gray-300"> | |
| I agree to the <a href="/terms.html" class="text-emerald-500 hover:underline">Terms of Service</a> and <a href="/privacy.html" class="text-emerald-500 hover:underline">Privacy Policy</a> | |
| </label> | |
| </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"> | |
| Create Account | |
| </button> | |
| <div class="text-center text-sm text-gray-400"> | |
| Already have an account? <a href="/login.html" class="text-emerald-500 hover:underline">Login</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 signup form submission | |
| document.getElementById('signup-form')?.addEventListener('submit', async (e) => { | |
| e.preventDefault(); | |
| const password = document.getElementById('password').value; | |
| const confirmPassword = document.getElementById('confirm-password').value; | |
| if (password !== confirmPassword) { | |
| alert('Passwords do not match'); | |
| return; | |
| } | |
| // Simulate signup (in a real app, this would be an API call) | |
| const name = document.getElementById('name').value; | |
| const email = document.getElementById('email').value; | |
| if (name && email && password && document.getElementById('terms').checked) { | |
| // Store auth token in localStorage | |
| localStorage.setItem('authToken', 'simulated-token'); | |
| // Redirect to dashboard | |
| window.location.href = '/dashboard.html'; | |
| } else { | |
| alert('Please fill all fields and agree to terms'); | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> |