-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.ejs
47 lines (42 loc) · 1.16 KB
/
index.ejs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Scatter</title>
<style>
#base_loader {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
display:flex;
justify-content: center;
align-items: center;
font-size: 48px;
color:rgba(0,0,0,0.2);
fill:rgba(0,0,0,0.2);
}
#base_loader svg {
animation: base_loader 1.0s linear infinite;
}
@keyframes base_loader {
0% { transform:rotateZ(0deg); }
100% { transform:rotateZ(360deg); }
}
</style>
</head>
<body>
<div id="scatter">
<view-base></view-base>
</div>
<section id="base_loader">
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
</path>
</svg>
</section>
<!-- built files will be auto injected -->
</body>
</html>