-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (61 loc) · 6.68 KB
/
index.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
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="spacecraft-id">
<h3>REDS Explorer Mk. 2</h3>
<div class="circle"></div>
<h3>RCS: Noachis Quadrangle</h3>
</div>
<div id="system-reserves" class="bar-graph-container">
<h5 class="bar-graph-header">
system reserves: <span id="system-reserves-percent"></span>
</h5>
<div class="bar-graph">
<div class="bar"></div>
</div>
</div>
<div class="background-radiation">
<h5 class="bar-graph-header">background radiation</h5>
<div class="radiation-graph">
<svg
id="chart"
width="300"
height="94"
viewBox="0 0 300 100"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0,99.77387947937729 C 1.8000000000000003,99.40601253884141 5.4,98.56805337427527 9,97.93454477669792 C 12.6,97.30103617912057 14.399999999999999,97.81230958689673 18,96.60633649149058 C 21.6,95.40036339608443 23.4,92.60054278103745 27,91.90467929966718 C 30.6,91.20881581829691 32.4,93.91582394684957 36,93.12701908463924 C 39.6,92.33821422242892 41.4,89.87927748453046 45,87.96065498861552 C 48.6,86.04203249270057 50.4,83.22989340898914 54,83.53390660506452 C 57.6,83.83791980113989 59.4,89.34965692291848 63,89.48072096899236 C 66.6,89.61178501506623 68.4,86.80273604557182 72,84.18922683543389 C 75.6,81.57571762529595 77.4,78.98184774598022 81,76.4131749183027 C 84.6,73.84450209062518 86.4,72.55636087703355 90,71.34586269704627 C 93.6,70.13536451705899 95.4,70.00566576262786 99,70.36068401836626 C 102.6,70.71570227410466 104.4,71.4023566033918 108,73.12095397573826 C 111.6,74.83955134808473 113.4,81.05498341581024 117,78.95367088009856 C 120.6,76.85235834438687 122.4,65.77713480761547 126,62.614391297179836 C 129.6,59.45164778674421 131.4,65.22916284333886 135,63.13995332792042 C 138.6,61.05074381250199 140.4,54.69831648255497 144,52.168343720087684 C 147.6,49.638370957620396 149.4,50.75723595498983 153,50.49008951558399 C 156.6,50.22294307617815 158.4,52.12931118135021 162,50.832611523058475 C 165.6,49.53591186476674 167.4,40.90041362452411 171,44.006591224125295 C 174.6,47.112768823726476 176.4,63.70083550665061 180,66.36349952106438 C 183.6,69.02616353547816 185.4,57.68278487866878 189,57.31991129619415 C 192.6,56.95703771371952 194.4,63.91517198490073 198,64.54913160869125 C 201.6,65.18309123248179 203.4,66.89483900779717 207,60.489709415146784 C 210.6,54.0845798224964 212.4,37.511329283182945 216,32.52348364543933 C 219.6,27.535638007695713 221.4,33.85702893899937 225,35.550481226428715 C 228.6,37.24393351385806 230.4,43.58776262868783 234,40.990745082586045 C 237.6,38.39372753648426 239.4,19.866499353078247 243,22.565393495919807 C 246.6,25.264287638761367 248.4,48.209578413473835 252,54.48521579679385 C 255.6,60.76085318011387 257.4,57.43696749038361 261,53.943580412519886 C 264.6,50.45019333465616 266.4,38.124314209383776 270,37.018280407475245 C 273.6,35.912246605566715 275.4,50.524385920737515 279,48.41341140297723 C 282.6,46.30243688521695 284.4,26.30451303073119 288,26.463407818673833 C 291.6,26.622302606616476 295.2,44.65898983788713 297,49.20788534269045,L 300 100,L 0 100Z"
fill="#4a4857"
/>
<path
d="M 0,99.77387947937729 C 1.8000000000000003,99.40601253884141 5.4,98.56805337427527 9,97.93454477669792 C 12.6,97.30103617912057 14.399999999999999,97.81230958689673 18,96.60633649149058 C 21.6,95.40036339608443 23.4,92.60054278103745 27,91.90467929966718 C 30.6,91.20881581829691 32.4,93.91582394684957 36,93.12701908463924 C 39.6,92.33821422242892 41.4,89.87927748453046 45,87.96065498861552 C 48.6,86.04203249270057 50.4,83.22989340898914 54,83.53390660506452 C 57.6,83.83791980113989 59.4,89.34965692291848 63,89.48072096899236 C 66.6,89.61178501506623 68.4,86.80273604557182 72,84.18922683543389 C 75.6,81.57571762529595 77.4,78.98184774598022 81,76.4131749183027 C 84.6,73.84450209062518 86.4,72.55636087703355 90,71.34586269704627 C 93.6,70.13536451705899 95.4,70.00566576262786 99,70.36068401836626 C 102.6,70.71570227410466 104.4,71.4023566033918 108,73.12095397573826 C 111.6,74.83955134808473 113.4,81.05498341581024 117,78.95367088009856 C 120.6,76.85235834438687 122.4,65.77713480761547 126,62.614391297179836 C 129.6,59.45164778674421 131.4,65.22916284333886 135,63.13995332792042 C 138.6,61.05074381250199 140.4,54.69831648255497 144,52.168343720087684 C 147.6,49.638370957620396 149.4,50.75723595498983 153,50.49008951558399 C 156.6,50.22294307617815 158.4,52.12931118135021 162,50.832611523058475 C 165.6,49.53591186476674 167.4,40.90041362452411 171,44.006591224125295 C 174.6,47.112768823726476 176.4,63.70083550665061 180,66.36349952106438 C 183.6,69.02616353547816 185.4,57.68278487866878 189,57.31991129619415 C 192.6,56.95703771371952 194.4,63.91517198490073 198,64.54913160869125 C 201.6,65.18309123248179 203.4,66.89483900779717 207,60.489709415146784 C 210.6,54.0845798224964 212.4,37.511329283182945 216,32.52348364543933 C 219.6,27.535638007695713 221.4,33.85702893899937 225,35.550481226428715 C 228.6,37.24393351385806 230.4,43.58776262868783 234,40.990745082586045 C 237.6,38.39372753648426 239.4,19.866499353078247 243,22.565393495919807 C 246.6,25.264287638761367 248.4,48.209578413473835 252,54.48521579679385 C 255.6,60.76085318011387 257.4,57.43696749038361 261,53.943580412519886 C 264.6,50.45019333465616 266.4,38.124314209383776 270,37.018280407475245 C 273.6,35.912246605566715 275.4,50.524385920737515 279,48.41341140297723 C 282.6,46.30243688521695 284.4,26.30451303073119 288,26.463407818673833 C 291.6,26.622302606616476 295.2,44.65898983788713 297,49.20788534269045"
fill="none"
stroke="#4a4857"
stroke-width="0px"
/>
<g></g>
</svg>
<div class="scanner"></div>
</div>
</div>
<div id="primary-thruster" class="thruster-graph-container">
<h5 class="bar-graph-header">primary thruster output</h5>
<div class="thruster-graph">
<div class="thruster"></div>
<div class="threshold" style="width: 50px"></div>
<div class="threshold" style="width: 50px"><span>200</span></div>
<div class="threshold" style="width: 50px"></div>
<div class="threshold" style="width: 75px"><span>400</span></div>
<div class="threshold" style="width: 75px"></div>
<div class="threshold" style="width: 100px"><span>600</span></div>
<div class="threshold" style="width: 100px"></div>
<div class="threshold" style="width: 125px"><span>800</span></div>
<div class="threshold" style="width: 125px"></div>
<div class="threshold" style="width: 150px"><span>1000</span></div>
</div>
</div>
</body>
</html>