-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathTankSystem4.html
75 lines (68 loc) · 4.83 KB
/
TankSystem4.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="ie7tc" class="flexblocks-item c6511"><canvas id="aoTXOeixTNuD1MQKUlu5MA" class="c8688"></canvas></div><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="Ahe4ZpV7TaGLSIsCXw5hJA" class="c21149"></label><label id="WecEujW8RQSL23lLHXlEyQ" class="c46819"></label><label id="M4JQqZe8SkiKBHu5YIZY3w" class="c21156"></label><input type="range" id="J4bsj6x5QwSYBTATK8HkVg" class="c21862"/><label id="dWgH0WdYSYSsrXxCEaryNA" class="c861"></label><label id="XTANA2VRQwqoK2FnsXqWIw" class="c46819"></label><label id="ewbL0oQYTAySVDWo-I-9zQ" class="c2315"></label><input type="range" id="VJYNofbkTtKxrrzyEf2SMw" class="c2868"/><label id="RoOepV0_Q0Od_IDCdJp1ww" class="c46819"></label><label id="El1nRedgQf-G5wbFizqu2A" class="c2315"></label><input type="range" id="WLjTgy7dTaOr6pTaxKPepQ" class="c6118"/><label id="TuMNQ_hjTtqV3Q5Wc5BJHQ" class="c46819"></label><label id="TMxQHzjUTNCYiOl-S63c8Q" class="c2315"></label><input type="range" id="c6VZyY8gQyy2191LJRCyZg" class="c6245"/><label id="RqNvhHiFRHmXt5uUhfCa9g" class="c46819"></label><label id="C-zbS1nVTNiT5YdQY9qO_g" class="c2315"></label><input type="range" id="XnK3oBjxSPmUSr1B5Ta1sw" class="c6299"/><button id="d_FJnZO6QTKLcu0p_UmlAA" class="c20294"></button><button id="QxPHEsvVTT6IRAvglOHw0Q" class="c20301"></button><div></div><div></div><div></div></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;}.c6511{flex-shrink:1;flex-grow:0;}.c6520{flex-grow:1;}.c6503{height:100%;}.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;}.c8688{width:100%;}.c14484{min-height:200px;height:auto;}.c21149{font-weight:700;font-size:1.8em;display:block;line-height:2em;color:#000000;}.c21156{display:block;font-size:16px;color:#000000;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;}.c21862{width:100%;}.c861{display:block;font-size:1.8em;line-height:1.8em;font-weight:700;color:#000000;}.c2315{display:block;color:#000000;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;}.c2868{width:100%;}.c6118{width:100%;}.c6245{width:100%;}.c6299{width:100%;}.c46819{font-size:1.2em;height:32auto;}.c20294{height:32px;}.c20301{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="TankSystem4_mod.js">
</script>
</html>