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. }</script><script defer="defer" src="/js/chunk-vendors.6b85b8b0.js"></script><script defer="defer" src="/js/app.4aa4ac8e.js"></script><link href="/css/app.2ae84a6b.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 {
  5. =======
  6. <<<<<<< HEAD
  7. }</script><script defer="defer" src="/js/chunk-vendors.027bd478.js"></script><script defer="defer" src="/js/app.8232cbf4.js"></script><link href="/css/app.3fa2d767.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. =======
  9. }</script><script defer="defer" src="/js/chunk-vendors.e1ccbebf.js"></script><script defer="defer" src="/js/app.a965d2c6.js"></script><link href="/css/app.2ae84a6b.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 {
  10. >>>>>>> 691c2d3258fb2ddb5a8679f84098766bb4dcdb7c
  11. >>>>>>> 30fd5b3b4fa719264b90db27a2ebfe33ecf52933
  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>