|
|
@@ -1,18 +1,96 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
- <meta name="renderer" content="webkit">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
|
- <title><%= webpackConfig.name %></title>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <noscript>
|
|
|
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
|
|
- </noscript>
|
|
|
- <div id="app"></div>
|
|
|
- <!-- built files will be auto injected -->
|
|
|
- </body>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
|
+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
|
+ <title>
|
|
|
+ <%= webpackConfig.name %>
|
|
|
+ </title>
|
|
|
+ <style type="text/css">
|
|
|
+ #loading {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ text-align: center;
|
|
|
+ z-index: 999;
|
|
|
+ }
|
|
|
+
|
|
|
+ @-webkit-keyframes ball-beat {
|
|
|
+ 50% {
|
|
|
+ opacity: 0.2;
|
|
|
+ -webkit-transform: scale(0.75);
|
|
|
+ transform: scale(0.75);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes ball-beat {
|
|
|
+ 50% {
|
|
|
+ opacity: 0.2;
|
|
|
+ -webkit-transform: scale(0.75);
|
|
|
+ transform: scale(0.75);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(1);
|
|
|
+ transform: scale(1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ #loading .ball-beat>div {
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #1c5cb0;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ border-radius: 100% !important;
|
|
|
+ margin: 2px;
|
|
|
+ -webkit-animation-fill-mode: both;
|
|
|
+ animation-fill-mode: both;
|
|
|
+ -webkit-animation: ball-beat 0.7s 0s infinite linear;
|
|
|
+ animation: ball-beat 0.7s 0s infinite linear;
|
|
|
+ }
|
|
|
+
|
|
|
+ #loading .ball-beat>div:nth-child(2n-1) {
|
|
|
+ -webkit-animation-delay: 0.35s !important;
|
|
|
+ animation-delay: 0.35s !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <noscript>
|
|
|
+ <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
|
|
|
+ Please enable it to continue.</strong>
|
|
|
+ </noscript>
|
|
|
+ <div id="app">
|
|
|
+ <div id="loading">
|
|
|
+ <div style="display: inline-flex; align-items: center; margin-bottom: 32px; line-height: 1;">
|
|
|
+ <img src="./logo.png" />
|
|
|
+ <div style="margin-left: 16px; color: #1c5cb0; font-size: 28px; font-weight: bold;">
|
|
|
+ <%= webpackConfig.name %>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="loader-inner ball-beat">
|
|
|
+ <div></div>
|
|
|
+ <div></div>
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- built files will be auto injected -->
|
|
|
+</body>
|
|
|
+
|
|
|
</html>
|
Casper Dai