index.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/favicon.ico" />
  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 rel="preconnect" href="https://fonts.googleapis.com">
  12. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13. <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap" rel="stylesheet">
  14. <style type="text/css">
  15. @keyframes initspinner {
  16. to { transform: rotate(360deg); }
  17. }
  18. .init-loading {
  19. position: fixed;
  20. top: 0;
  21. left: 0;
  22. width: 100%;
  23. height: 100%;
  24. background-color: rgba(255,255,255,.75);
  25. z-index: 2000000000;
  26. backdrop-filter: blur(10px);
  27. }
  28. .body--dark .init-loading {
  29. background-color: rgba(0,0,0,.75);
  30. }
  31. .init-loading:before {
  32. content: '';
  33. box-sizing: border-box;
  34. position: absolute;
  35. top: 50%;
  36. left: 50%;
  37. width: 50px;
  38. height: 50px;
  39. margin-top: -25px;
  40. margin-left: -25px;
  41. border-radius: 50%;
  42. border-top: 2px solid #1976D2;
  43. border-right: 2px solid transparent;
  44. animation: initspinner .6s linear infinite;
  45. z-index: 2000000000;
  46. }
  47. </style>
  48. <noscript>
  49. <style type="text/css">
  50. .init-loading {
  51. display: none !important;
  52. }
  53. .q-drawer-container {
  54. display: none !important;
  55. }
  56. .scroll.relative-position {
  57. position: static !important;
  58. }
  59. .scroll.relative-position > .absolute {
  60. position: relative !important;
  61. }
  62. </style>
  63. </noscript>
  64. </head>
  65. <body>
  66. <div class="init-loading"></div>
  67. <div id="app"><!-- quasar:entry-point --></div>
  68. </body>
  69. </html>