1
0

signup.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <%include file="header.inc.html"/>
  2. <div class="box centered">
  3. <h1 class="title">Sign up</h1>
  4. <hr>
  5. <div class="field">
  6. <label class="label">Username</label>
  7. <div class="control has-icons-left">
  8. <input id="username" class="input" type="text" placeholder="e.g. cirno9">
  9. <span class="icon is-small is-left">
  10. <i class="fa-solid fa-user"></i>
  11. </span>
  12. </div>
  13. <p id="username_error" class="help is-danger">This username is not valid.</p>
  14. <p id="username_taken_error" class="help is-danger">This username is already taken.</p>
  15. </div>
  16. <div class="field">
  17. <label class="label">Password</label>
  18. <div class="control has-icons-left">
  19. <input id="password" class="input" type="password" placeholder="********">
  20. <span class="icon is-small is-left">
  21. <i class="fas fa-lock"></i>
  22. </span>
  23. </div>
  24. <p id="password_error" class="help is-danger">This password is not valid.</p>
  25. <div class="control">
  26. <label class="checkbox">
  27. <input id="show_password" type="checkbox" onclick="toggle_password_visibility();">
  28. Show password.
  29. </label>
  30. </div>
  31. </div>
  32. <div class="field">
  33. <div class="control">
  34. <div id="h-captcha" class="h-captcha" data-sitekey="${hcaptcha_sitekey}"></div>
  35. </div>
  36. <p id="captcha_error" class="help is-danger">Please, confirm the captcha.</p>
  37. </div>
  38. <div class="field">
  39. <div class="control">
  40. <button id="signup_button" class="button is-primary">Sign up</button>
  41. </div>
  42. </div>
  43. </form>
  44. <script src="/static/js/signup.js"></script>
  45. <%include file="footer.inc.html"/>