index.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. </head>
  19. <body class="dark text-sm">
  20. <div id="app">
  21. <div style="height: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center;">
  22. <svg class="m-auto" width="40" height="40" stroke="#ffffffcc" viewBox="0 0 24 24"
  23. xmlns="http://www.w3.org/2000/svg">
  24. <style>
  25. .spinner_V8m1 {
  26. transform-origin: center;
  27. animation: spinner_zKoa 2s linear infinite
  28. }
  29. .spinner_V8m1 circle {
  30. stroke-linecap: round;
  31. animation: spinner_YpZS 1.5s ease-in-out infinite
  32. }
  33. @keyframes spinner_zKoa {
  34. 100% {
  35. transform: rotate(360deg)
  36. }
  37. }
  38. @keyframes spinner_YpZS {
  39. 0% {
  40. stroke-dasharray: 0 150;
  41. stroke-dashoffset: 0
  42. }
  43. 47.5% {
  44. stroke-dasharray: 42 150;
  45. stroke-dashoffset: -16
  46. }
  47. 95%,
  48. 100% {
  49. stroke-dasharray: 42 150;
  50. stroke-dashoffset: -59
  51. }
  52. }
  53. </style>
  54. <g class="spinner_V8m1">
  55. <circle cx="12" cy="12" r="9.5" fill="none" stroke-width="3"></circle>
  56. </g>
  57. </svg>
  58. </div>
  59. </div>
  60. <script type="module" src="/src/main.ts"></script>
  61. </body>
  62. </html>