Skip to content

Commit a39d4b0

Browse files
piotrwitekpiotrwitek
committed
updated dist
1 parent 1406f9f commit a39d4b0

File tree

4 files changed

+129
-1
lines changed

4 files changed

+129
-1
lines changed

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,5 @@ src/**/*.map
2929
node_modules
3030
jspm_packages
3131
typings
32-
dist/app.js
32+
dist/*bundle.js*
3333
out

‎dist/index.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="description" content="">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
8+
<title>React / TypeScript / JSPM - Starter-Kit</title>
9+
<link rel="stylesheet" href="loader-style.css">
10+
</head>
11+
12+
<body>
13+
<div id="app-container">
14+
<div class="loader-container">
15+
<div class="sk-cube-grid">
16+
<div class="sk-cube sk-cube1"></div>
17+
<div class="sk-cube sk-cube2"></div>
18+
<div class="sk-cube sk-cube3"></div>
19+
<div class="sk-cube sk-cube4"></div>
20+
<div class="sk-cube sk-cube5"></div>
21+
<div class="sk-cube sk-cube6"></div>
22+
<div class="sk-cube sk-cube7"></div>
23+
<div class="sk-cube sk-cube8"></div>
24+
<div class="sk-cube sk-cube9"></div>
25+
</div>
26+
</div>
27+
</div>
28+
<!-- body bottom scripts -->
29+
<script src="system.js"></script>
30+
<script type="text/javascript">
31+
// load main module of your app
32+
System.production = true;
33+
System.import('app-bundle.js');
34+
</script>
35+
</body>
36+
37+
</html>

‎dist/loader-style.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
html {
2+
background: #e9e9e9;
3+
}
4+
body {
5+
margin: 0;
6+
padding: 0;
7+
overflow: hidden;
8+
}
9+
10+
.loader-container {
11+
display: flex;
12+
justify-content: center;
13+
align-items: center;
14+
width: 100%;
15+
height: 100vh;
16+
}
17+
.sk-cube-grid {
18+
width: 40px;
19+
height: 40px;
20+
margin: 100px auto;
21+
}
22+
.sk-cube-grid .sk-cube {
23+
width: 33%;
24+
height: 33%;
25+
background-color: #333;
26+
float: left;
27+
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
28+
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
29+
}
30+
.sk-cube-grid .sk-cube1 {
31+
-webkit-animation-delay: 0.2s;
32+
animation-delay: 0.2s;
33+
}
34+
.sk-cube-grid .sk-cube2 {
35+
-webkit-animation-delay: 0.3s;
36+
animation-delay: 0.3s;
37+
}
38+
.sk-cube-grid .sk-cube3 {
39+
-webkit-animation-delay: 0.4s;
40+
animation-delay: 0.4s;
41+
}
42+
.sk-cube-grid .sk-cube4 {
43+
-webkit-animation-delay: 0.1s;
44+
animation-delay: 0.1s;
45+
}
46+
.sk-cube-grid .sk-cube5 {
47+
-webkit-animation-delay: 0.2s;
48+
animation-delay: 0.2s;
49+
}
50+
.sk-cube-grid .sk-cube6 {
51+
-webkit-animation-delay: 0.3s;
52+
animation-delay: 0.3s;
53+
}
54+
.sk-cube-grid .sk-cube7 {
55+
-webkit-animation-delay: 0s;
56+
animation-delay: 0s;
57+
}
58+
.sk-cube-grid .sk-cube8 {
59+
-webkit-animation-delay: 0.1s;
60+
animation-delay: 0.1s;
61+
}
62+
.sk-cube-grid .sk-cube9 {
63+
-webkit-animation-delay: 0.2s;
64+
animation-delay: 0.2s;
65+
}
66+
@-webkit-keyframes sk-cubeGridScaleDelay {
67+
0%, 70%, 100% {
68+
-webkit-transform: scale3D(1, 1, 1);
69+
transform: scale3D(1, 1, 1);
70+
}
71+
35% {
72+
-webkit-transform: scale3D(0, 0, 1);
73+
transform: scale3D(0, 0, 1);
74+
}
75+
}
76+
@keyframes sk-cubeGridScaleDelay {
77+
0%, 70%, 100% {
78+
-webkit-transform: scale3D(1, 1, 1);
79+
transform: scale3D(1, 1, 1);
80+
}
81+
35% {
82+
-webkit-transform: scale3D(0, 0, 1);
83+
transform: scale3D(0, 0, 1);
84+
}
85+
}

‎dist/system.js‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)