loginOptions.ejs 2.1 KB

12345678910111213141516171819202122232425262728293031323334
  1. <div id="loginOptionsContainer" style="display: none;">
  2. <div id="loginOptionsContent">
  3. <div class="loginOptionsMainContent">
  4. <h2>Login Options</h2>
  5. <div class="loginOptionActions">
  6. <div class="loginOptionButtonContainer">
  7. <button id="loginOptionMicrosoft" class="loginOptionButton">
  8. <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 23 23">
  9. <path fill="#f35325" d="M1 1h10v10H1z" />
  10. <path fill="#81bc06" d="M12 1h10v10H12z" />
  11. <path fill="#05a6f0" d="M1 12h10v10H1z" />
  12. <path fill="#ffba08" d="M12 12h10v10H12z" />
  13. </svg>
  14. <span>Login with Microsoft</span>
  15. </button>
  16. </div>
  17. <div class="loginOptionButtonContainer">
  18. <button id="loginOptionMojang" class="loginOptionButton">
  19. <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 9.677 9.667">
  20. <path d="M-26.332-12.098h2.715c-1.357.18-2.574 1.23-2.715 2.633z" fill="#fff" />
  21. <path d="M2.598.022h7.07L9.665 7c-.003 1.334-1.113 2.46-2.402 2.654H0V2.542C.134 1.2 1.3.195 2.598.022z" fill="#db2331" />
  22. <path d="M1.54 2.844c.314-.76 1.31-.46 1.954-.528.785-.083 1.503.272 2.1.758l.164-.9c.327.345.587.756.964 1.052.28.254.655-.342.86-.013.42.864.408 1.86.54 2.795l-.788-.373C6.9 4.17 5.126 3.052 3.656 3.685c-1.294.592-1.156 2.65.06 3.255 1.354.703 2.953.51 4.405.292-.07.42-.34.87-.834.816l-4.95.002c-.5.055-.886-.413-.838-.89l.04-4.315z" fill="#fff" />
  23. </svg>
  24. <span>Login with Mojang</span>
  25. </button>
  26. </div>
  27. </div>
  28. <div id="loginOptionCancelContainer" style="display: none;">
  29. <button id="loginOptionCancelButton">Cancel</button>
  30. </div>
  31. </div>
  32. </div>
  33. <script src="./assets/js/scripts/loginOptions.js"></script>
  34. </div>