You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
1.7 KiB

11 months ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. <meta name="theme-color" content="#000000" />
  8. <meta name="description" content="9527 description" />
  9. <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  10. <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  11. <style>
  12. body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. .public-container {
  17. background-color: #090A0F;
  18. width: 100vw;
  19. height: 100vh;
  20. color: #B0BEC5;
  21. overflow: hidden;
  22. box-sizing: border-box;
  23. }
  24. .public-border {
  25. width: 80vw;
  26. height: 10px;
  27. background-color: #A6A6A6;
  28. margin: 40px 0;
  29. }
  30. .public-border-width {
  31. width: 0%;
  32. height: 100%;
  33. background:linear-gradient(103deg, #1DD0DF -1%, #1DD0DF -1%, #1BEDFF -1%, #14BDEB 108%);
  34. transition: all .25s linear;
  35. }
  36. </style>
  37. <title>9527</title>
  38. </head>
  39. <body>
  40. <noscript>You need to enable JavaScript to run this app.</noscript>
  41. <div id="root">
  42. <div class="public-container">
  43. <div style="display: flex;justify-content:center;align-items: center;text-align: center;height:80vh">
  44. <div>
  45. <img src='./logo.png' style="width: 70%;height:auto" alt="">
  46. <div style="display: flex;justify-content: center;">
  47. <div class="public-border">
  48. <div class="public-border-width" id="loading"></div>
  49. </div>
  50. </div>
  51. <div>Loading...</div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <script src="./initialization.js"></script>
  57. </body>
  58. </html>