-
Notifications
You must be signed in to change notification settings - Fork 3
/
TankSystem2.html
75 lines (67 loc) · 4.17 KB
/
TankSystem2.html
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html><html lang="en"><head><meta charset="utf-8"></head>
<div id="spinner">
<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
</div>
<div id='spinner-blur'>
<div id="i20pg" class="flexblocks-column-container c6480"><div id="ivysh" class="flexblocks-item c6488"><div></div><div id="ikz2k" class="flexblocks-row-container c6503"><div id="iooko" class="flexblocks-item c6520"><div id="fh7R0gfFQZW4janiwgHgbg" class="c14484"></div></div></div></div><div id="iwysb" class="flexblocks-item c6558"><div id="idsth" class="flexblocks-row-container c6566"><div id="in723" class="flexblocks-item c6583"><label id="dWgH0WdYSYSsrXxCEaryNA" class="c861"></label><label id="WMhm2avwSwa9RCcorxzwyA" class="c17390"></label><label id="ewbL0oQYTAySVDWo-I-9zQ" class="c2315"></label><input type="range" id="VJYNofbkTtKxrrzyEf2SMw" class="c2868"/><label id="dFxRfeUjRLeMlplJT7TyVQ" class="c17390"></label><label id="El1nRedgQf-G5wbFizqu2A" class="c2315"></label><input type="range" id="WLjTgy7dTaOr6pTaxKPepQ" class="c6118"/><label id="dEXVjwDVS9Ka9KwKb-dVQA" class="c17390"></label><label id="TMxQHzjUTNCYiOl-S63c8Q" class="c2315"></label><input type="range" id="c6VZyY8gQyy2191LJRCyZg" class="c6245"/><label id="F2tV0mwwSwaumSCPIOX_NA" class="c17390"></label><label id="C-zbS1nVTNiT5YdQY9qO_g" class="c2315"></label><input type="range" id="XnK3oBjxSPmUSr1B5Ta1sw" class="c6299"/><div></div><button id="NIjyUYB8TmiZw7oiUXsMww" class="c28075"></button></div></div></div></div>
<div/>
<style>
* { box-sizing: border-box; } body {margin: 0;}.flexblocks-row-container{display:flex;flex-direction:column;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}.flexblocks-column-container{display:flex;flex-direction:row;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;}.flexblocks-item{min-height:75px;flex-basis:auto;flex-grow:1;}.c6520{flex-grow:1;}.c6503{height:500px;}.c6583{flex-grow:1;flex-shrink:1;}.c6566{height:100%;}.c6488{height:100%;flex-grow:0;flex-shrink:0;flex-basis:60%;}.c6558{height:100%;flex-grow:0;flex-shrink:0;flex-basis:40%;}.c6480{height:100vh;width:100vw;background-color:none;overflow:visible;overflow-x:visible;overflow-y:visible;}.c14484{min-height:200px;height:auto;}.c861{display:block;font-size:1.8em;line-height:1.8em;font-weight:700;color:#000000;}.c2315{display:block;color:#000000;}.c2868{width:100%;}.c6118{width:100%;top:0;right:0;left:0;bottom:0;max-width:autopx;min-height:autopx;border-radius:0 0 0 0;border:solid black;perspective:0;}.c6245{width:100%;}.c6299{width:100%;}.c17390{top:0;right:0;left:0;bottom:0;max-width:autopx;min-height:autopx;border-radius:0 0 0 0;border:black black;perspective:0;font-size:1.2em;}.c28075{height:32px;}
#spinner-blur {
filter: blur(10px);
transition: filter 0.3s ease-out;
}
#spinner {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba(255, 255, 255, 0.5);
transition: display 0.3s linear;
}
.lds-ring {
display: inline-block;
position: relative;
width: 2vw;
height: 2vh;
position: absolute;
left: 49vw;
top: 49vh;
z-index: 10;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #00b2ff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #00b2ff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.bundle.min.js"></script>
<script src="TankSystem2_mod.js"></script>
</html>