demo-prepare.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Preparing demo...</title>
  8. <style>
  9. div#load_screen {
  10. background: #fff;
  11. opacity: 1;
  12. position: fixed;
  13. z-index: 999999;
  14. top: 0px;
  15. bottom: 0;
  16. left: 0;
  17. right: 0;
  18. width: 100%;
  19. }
  20. div#load_screen .loader {
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. height: 100vh;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="load_screen">
  30. <div class="loader">
  31. <div class="loader-content">
  32. <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
  33. <path
  34. d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z"
  35. >
  36. <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s" repeatCount="indefinite" />
  37. </path>
  38. <path
  39. d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z"
  40. >
  41. <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite" />
  42. </path>
  43. </svg>
  44. </div>
  45. </div>
  46. </div>
  47. <script>
  48. var params = {};
  49. window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
  50. params[key] = value;
  51. });
  52. if (params.theme) {
  53. localStorage.setItem('theme', params.theme);
  54. }
  55. if (params.direction) {
  56. localStorage.setItem('rtlClass', params.direction);
  57. }
  58. if (params.menu) {
  59. localStorage.setItem('menu', params.menu);
  60. }
  61. if (params.layout) {
  62. localStorage.setItem('layout', params.layout);
  63. }
  64. if (params.semidark) {
  65. localStorage.setItem('semidark', params.semidark);
  66. }
  67. if (params.navbar) {
  68. localStorage.setItem('navbar', params.navbar);
  69. }
  70. window.location.href = 'https://vue.vristo.sbthemes.com/';
  71. </script>
  72. </body>
  73. </html>