index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  8. <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  9. <title>
  10. <%= webpackConfig.name %>
  11. </title>
  12. <style type="text/css">
  13. #loading {
  14. position: absolute;
  15. top: 50%;
  16. left: 50%;
  17. -webkit-transform: translate(-50%, -50%);
  18. transform: translate(-50%, -50%);
  19. text-align: center;
  20. z-index: 999;
  21. }
  22. @-webkit-keyframes ball-beat {
  23. 50% {
  24. opacity: 0.2;
  25. -webkit-transform: scale(0.75);
  26. transform: scale(0.75);
  27. }
  28. 100% {
  29. opacity: 1;
  30. -webkit-transform: scale(1);
  31. transform: scale(1);
  32. }
  33. }
  34. @keyframes ball-beat {
  35. 50% {
  36. opacity: 0.2;
  37. -webkit-transform: scale(0.75);
  38. transform: scale(0.75);
  39. }
  40. 100% {
  41. opacity: 1;
  42. -webkit-transform: scale(1);
  43. transform: scale(1);
  44. }
  45. }
  46. #loading .ball-beat>div {
  47. display: inline-block;
  48. background-color: #1c5cb0;
  49. width: 15px;
  50. height: 15px;
  51. border-radius: 100% !important;
  52. margin: 2px;
  53. -webkit-animation-fill-mode: both;
  54. animation-fill-mode: both;
  55. -webkit-animation: ball-beat 0.7s 0s infinite linear;
  56. animation: ball-beat 0.7s 0s infinite linear;
  57. }
  58. #loading .ball-beat>div:nth-child(2n-1) {
  59. -webkit-animation-delay: 0.35s !important;
  60. animation-delay: 0.35s !important;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65. <noscript>
  66. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
  67. Please enable it to continue.</strong>
  68. </noscript>
  69. <div id="app">
  70. <div id="loading">
  71. <div style="display: inline-flex; align-items: center; margin-bottom: 32px; line-height: 1;">
  72. <img src="./logo.png" />
  73. <div style="margin-left: 16px; color: #1c5cb0; font-size: 28px; font-weight: bold;">
  74. <%= webpackConfig.name %>
  75. </div>
  76. </div>
  77. <div class="loader-inner ball-beat">
  78. <div></div>
  79. <div></div>
  80. <div></div>
  81. </div>
  82. </div>
  83. </div>
  84. <!-- built files will be auto injected -->
  85. </body>
  86. </html>