CINXE.COM
Register or Login
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Register or Login</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://www.hCaptcha.com/1/api.js" async defer></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//matomo.ieplsg.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '109']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </head> <body> <div class="container"> <h2 id="form-title">Sign Up</h2> <form method="POST" id="auth-form"> <!-- Hidden field to indicate signup or login action --> <input type="hidden" name="action" id="form-action" value="signup"> <!-- Email/Username field --> <div class="form-group"> <label for="username">Email</label> <input type="email" name="username" id="username" class="form-control" required> </div> <!-- Password field --> <div class="form-group"> <label for="password">Password</label> <input type="password" name="password" id="password" class="form-control" required> </div> <!-- hCaptcha for signup --> <div class="form-group" id="captcha-container"> <div class="h-captcha" data-sitekey="b70c90ee-7be2-4e70-be64-594cd4c2ff18"></div> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> <hr> <!-- Google Login Button --> <div class="text-center"> <a href="/login/google" class="btn btn-danger"> <i class="fa fa-google"></i> Sign up with Google </a> </div> <hr> <!-- Toggle Link --> <p class="text-center"> <a href="#" id="toggle-link">Already have an account? Login instead</a> </p> </div> <script> const formTitle = document.getElementById('form-title'); const formAction = document.getElementById('form-action'); const captchaContainer = document.getElementById('captcha-container'); const toggleLink = document.getElementById('toggle-link'); toggleLink.addEventListener('click', function (e) { e.preventDefault(); if (formAction.value === 'signup') { formTitle.textContent = 'Log In'; formAction.value = 'login'; captchaContainer.style.display = 'none'; toggleLink.textContent = "Don't have an account? Sign up instead"; } else { formTitle.textContent = 'Sign Up'; formAction.value = 'signup'; captchaContainer.style.display = 'block'; toggleLink.textContent = 'Already have an account? Login instead'; } }); </script> </body> </html>