Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Pterodactyl Panel - Login</title> | |
| <link rel="stylesheet" href="style.css"> <!-- Link to the provided CSS --> | |
| <style> | |
| /* Fallback for particles background */ | |
| body, html { | |
| height: 100%; | |
| margin: 0; | |
| font-family: Arial, sans-serif; | |
| } | |
| </style> | |
| </head> | |
| <body class="login-page"> | |
| <!-- Background particles effect --> | |
| <div id="particles-js"></div> | |
| <!-- Login Box --> | |
| <div id="login-position-elements"> | |
| <div class="login-logo"> | |
| <h1>Pterodactyl Panel</h1> | |
| </div> | |
| <div class="pterodactyl-login-box"> | |
| <form action="/login" method="POST"> | |
| <!-- Username/Email --> | |
| <div class="pterodactyl-login-input"> | |
| <input type="text" name="email" placeholder="Email or Username" required class="form-control"> | |
| <span class="form-control-feedback"><i class="fa fa-user"></i></span> | |
| </div> | |
| <!-- Password --> | |
| <div class="pterodactyl-login-input" style="margin-top: 10px;"> | |
| <input type="password" name="password" placeholder="Password" required class="form-control"> | |
| <span class="form-control-feedback"><i class="fa fa-lock"></i></span> | |
| </div> | |
| <!-- Submit Button --> | |
| <div style="margin-top: 20px;"> | |
| <button type="submit" class="pterodactyl-login-button--main btn btn-block">Login</button> | |
| </div> | |
| <!-- Additional Options --> | |
| <div style="margin-top: 10px;"> | |
| <a href="/password/reset" class="pterodactyl-login-button--left btn btn-block">Forgot Password?</a> | |
| </div> | |
| </form> | |
| </div> | |
| <!-- Footer --> | |
| <div class="login-copyright" style="text-align: center; margin-top: 10px;"> | |
| <p>© 2015 - 2025 <a href="https://pterodactyl.io">Pterodactyl Software</a></p> | |
| </div> | |
| </div> | |
| <!-- Optional corner info --> | |
| <div class="login-corner-info"> | |
| <small>Version 1.0.0</small> | |
| </div> | |
| <!-- Particles.js Script --> | |
| <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> | |
| <script> | |
| particlesJS.load('particles-js', 'particles.json', function() { | |
| console.log('Particles.js config loaded'); | |
| }); | |
| </script> | |
| </body> | |
| </html> |