123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Preparing demo...</title>
- <style>
- div#load_screen {
- background: #fff;
- opacity: 1;
- position: fixed;
- z-index: 999999;
- top: 0px;
- bottom: 0;
- left: 0;
- right: 0;
- width: 100%;
- }
- div#load_screen .loader {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100vh;
- }
- </style>
- </head>
- <body>
- <div id="load_screen">
- <div class="loader">
- <div class="loader-content">
- <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
- <path
- 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"
- >
- <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s" repeatCount="indefinite" />
- </path>
- <path
- 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"
- >
- <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite" />
- </path>
- </svg>
- </div>
- </div>
- </div>
- <script>
- var params = {};
- window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
- params[key] = value;
- });
- if (params.theme) {
- localStorage.setItem('theme', params.theme);
- }
- if (params.direction) {
- localStorage.setItem('rtlClass', params.direction);
- }
- if (params.menu) {
- localStorage.setItem('menu', params.menu);
- }
- if (params.layout) {
- localStorage.setItem('layout', params.layout);
- }
- if (params.semidark) {
- localStorage.setItem('semidark', params.semidark);
- }
- if (params.navbar) {
- localStorage.setItem('navbar', params.navbar);
- }
- window.location.href = 'https://vue.vristo.sbthemes.com/';
- </script>
- </body>
- </html>
|