index.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!-- eslint-disable -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>FreeShort</title>
  7. <base href="/" />
  8. <meta name="color-scheme" content="dark" />
  9. <meta name="viewport"
  10. content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  11. <meta name="format-detection" content="telephone=no" />
  12. <meta name="msapplication-tap-highlight" content="no" />
  13. <link rel="shortcut icon" type="image/png" href="/favicon.png" />
  14. <!-- add to homescreen for ios -->
  15. <meta name="apple-mobile-web-app-capable" content="yes" />
  16. <meta name="apple-mobile-web-app-title" content="Ionic App" />
  17. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  18. <link
  19. href="https://fonts.googleapis.com/css2?family=Lalezar&display=swap"
  20. rel="stylesheet">
  21. </head>
  22. <body class="dark">
  23. <div id="app">
  24. <div class="absolute h-[40px] left-0 top-0 right-0 bottom-0 m-auto">
  25. <svg class="m-auto" width="40" height="40" stroke="#ffffffcc" viewBox="0 0 24 24"
  26. xmlns="http://www.w3.org/2000/svg">
  27. <style>
  28. .spinner_V8m1 {
  29. transform-origin: center;
  30. animation: spinner_zKoa 2s linear infinite
  31. }
  32. .spinner_V8m1 circle {
  33. stroke-linecap: round;
  34. animation: spinner_YpZS 1.5s ease-in-out infinite
  35. }
  36. @keyframes spinner_zKoa {
  37. 100% {
  38. transform: rotate(360deg)
  39. }
  40. }
  41. @keyframes spinner_YpZS {
  42. 0% {
  43. stroke-dasharray: 0 150;
  44. stroke-dashoffset: 0
  45. }
  46. 47.5% {
  47. stroke-dasharray: 42 150;
  48. stroke-dashoffset: -16
  49. }
  50. 95%,
  51. 100% {
  52. stroke-dasharray: 42 150;
  53. stroke-dashoffset: -59
  54. }
  55. }
  56. </style>
  57. <g class="spinner_V8m1">
  58. <circle cx="12" cy="12" r="9.5" fill="none" stroke-width="3"></circle>
  59. </g>
  60. </svg>
  61. </div>
  62. </div>
  63. <script type="module" src="/src/main.ts"></script>
  64. </body>
  65. </html>