index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><link rel="icon" href="/favicon.ico"/><title>乐教通</title><script>if (!!window.ActiveXObject || "ActiveXObject" in window) {
  2. window.location.href = "./ieIncompatible/index.html"
  3. <<<<<<< HEAD
  4. <<<<<<< HEAD
  5. }</script><script defer="defer" src="/js/chunk-vendors.8dce6083.js"></script><script defer="defer" src="/js/app.2b1b1581.js"></script><link href="/css/app.02f6d1b5.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but classroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><style>.firstLoading {
  6. =======
  7. }</script><script defer="defer" src="/js/chunk-vendors.f67b6673.js"></script><script defer="defer" src="/js/app.d35674f7.js"></script><link href="/css/app.3383937a.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but classroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><style>.firstLoading {
  8. >>>>>>> f3661d409fe0d941518210203fb613cf506e0401
  9. =======
  10. }</script><script defer="defer" src="/js/chunk-vendors.34263c60.js"></script><script defer="defer" src="/js/app.626fc6fc.js"></script><link href="/css/app.a0b0808e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but classroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><style>.firstLoading {
  11. >>>>>>> 3baa26190df1dfa28dfb86a296f5c68da7924e65
  12. position: fixed;
  13. left: 50%;
  14. top: 50%;
  15. transform: translate(-50%, -50%);
  16. height: 58px;
  17. width: 58px;
  18. }
  19. .firstLoading .circular {
  20. display: inline;
  21. height: 100%;
  22. width: 100%;
  23. animation: loading-rotate 2s linear infinite;
  24. }
  25. .firstLoading .circular .path {
  26. animation: loading-dash 1.5s ease-in-out infinite;
  27. stroke-dasharray: 90, 150;
  28. stroke-dashoffset: 0;
  29. stroke-width: 4;
  30. stroke: #f5c42d;
  31. stroke-linecap: round;
  32. }
  33. @keyframes loading-rotate {
  34. to {
  35. transform: rotate(360deg);
  36. }
  37. }
  38. @keyframes loading-dash {
  39. 0% {
  40. stroke-dasharray: 1, 200;
  41. stroke-dashoffset: 0;
  42. }
  43. 50% {
  44. stroke-dasharray: 90, 150;
  45. stroke-dashoffset: -40px;
  46. }
  47. to {
  48. stroke-dasharray: 90, 150;
  49. stroke-dashoffset: -120px;
  50. }
  51. }</style><div class="firstLoading"><svg class="circular" viewBox="0 0 50 50"><circle class="path" cx="25" cy="25" r="20" fill="none"></circle></svg></div></div></body></html>