index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/_site/favicon" />
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="msapplication-tap-highlight" content="no">
  8. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
  9. <title>Wiki.js</title>
  10. <!--preload-links-->
  11. <link href="/_assets/fonts/roboto/roboto.css" rel="stylesheet" />
  12. <style type="text/css">
  13. @keyframes initspinner {
  14. to { transform: rotate(360deg); }
  15. }
  16. .init-loading {
  17. position: fixed;
  18. top: 0;
  19. left: 0;
  20. width: 100%;
  21. height: 100%;
  22. background-color: rgba(255,255,255,.75);
  23. z-index: 2000000000;
  24. backdrop-filter: blur(10px);
  25. }
  26. .body--dark .init-loading {
  27. background-color: rgba(0,0,0,.75);
  28. }
  29. .init-loading:before {
  30. content: '';
  31. box-sizing: border-box;
  32. position: absolute;
  33. top: 50%;
  34. left: 50%;
  35. width: 50px;
  36. height: 50px;
  37. margin-top: -25px;
  38. margin-left: -25px;
  39. border-radius: 50%;
  40. border-top: 2px solid #1976D2;
  41. border-right: 2px solid transparent;
  42. animation: initspinner .6s linear infinite;
  43. z-index: 2000000000;
  44. }
  45. </style>
  46. <noscript>
  47. <style type="text/css">
  48. .init-loading {
  49. display: none !important;
  50. }
  51. .q-drawer-container {
  52. display: none !important;
  53. }
  54. .scroll.relative-position {
  55. position: static !important;
  56. }
  57. .scroll.relative-position > .absolute {
  58. position: relative !important;
  59. }
  60. </style>
  61. </noscript>
  62. </head>
  63. <body class="wiki-root">
  64. <div class="init-loading"></div>
  65. <div id="app"></div>
  66. <script type="module" src="/src/main.js"></script>
  67. </body>
  68. </html>