login.ejs 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <div id="loginContainer">
  2. <div id="loginContent">
  3. <form id='loginForm'>
  4. <img id="loginImageSeal" src="assets/images/WesterosSealCircle.png"/>
  5. <span class="loginSpan" id="loginSubheader">MEMBER LOGIN</span>
  6. <svg id="profileSVG" class="loginSVG" viewBox="40 37 65.36 61.43" height="20px" width="20px">
  7. <g>
  8. <path d="M86.77,58.12A13.79,13.79,0,1,0,73,71.91,13.79,13.79,0,0,0,86.77,58.12M97,103.67a3.41,3.41,0,0,0,3.39-3.84,27.57,27.57,0,0,0-54.61,0,3.41,3.41,0,0,0,3.39,3.84Z"/>
  9. </g>
  10. </svg>
  11. <input id="loginUsername" class="loginField" type="text" placeholder="EMAIL"/>
  12. <svg id="lockSVG" class="loginSVG" viewBox="40 32 60.36 70.43" height="20px" width="20px">
  13. <g>
  14. <path d="M86.16,54a16.38,16.38,0,1,0-32,0H44V102.7H96V54Zm-25.9-3.39a9.89,9.89,0,1,1,19.77,0A9.78,9.78,0,0,1,79.39,54H60.89A9.78,9.78,0,0,1,60.26,50.59ZM70,96.2a6.5,6.5,0,0,1-6.5-6.5,6.39,6.39,0,0,1,3.1-5.4V67h6.5V84.11a6.42,6.42,0,0,1,3.39,5.6A6.5,6.5,0,0,1,70,96.2Z"/>
  15. </g>
  16. </svg>
  17. <input id="loginPassword" class="loginField" type="password" placeholder="PASSWORD"/>
  18. <div id="loginOptions">
  19. <span class="loginSpanDim">
  20. <a href="https://help.mojang.com/customer/en/portal/articles/329524-change-or-forgot-password">forgot password?</a>
  21. </span>
  22. <label id="checkmarkContainer">
  23. <span id="loginRememberText" class="loginSpanDim">remember me?</span>
  24. <input id="loginRememberOption" type="checkbox">
  25. <span class="loginCheckmark"></span>
  26. </label>
  27. </div>
  28. <button id="loginButton" type="submit">
  29. <div id="loginButtonContent">
  30. LOGIN
  31. <svg id="loginSVG" viewBox="0 0 24.87 13.97">
  32. <defs>
  33. <style>.cls-1{fill:none;stroke:#FFF;stroke-width:2px;}</style>
  34. </defs>
  35. <polyline class="cls-1" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
  36. </svg>
  37. </div>
  38. </button>
  39. <div id="loginDisclaimer">
  40. <span class="loginSpanDim" id="loginRegisterSpan">
  41. <a href="https://minecraft.net/en-us/store/minecraft/">Need an Account?</a>
  42. </span>
  43. <p class="loginDisclaimerText">Your password is sent directly to mojang and never stored.</p>
  44. <p class="loginDisclaimerText">WesterosCraft is not affiliated with Mojang AB.</p>
  45. </div>
  46. </form>
  47. </div>
  48. </div>