-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
109 lines (99 loc) · 5.3 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<head>
<title>Masses of Dead Stars</title>
<link rel="SHORTCUT ICON" href="https://ligo.northwestern.edu/media/mass-plot/favicon.PNG" type="image/png" />
<link rel="icon" href="https://ligo.northwestern.edu/media/mass-plot/favicon.PNG" type="image/png" />
<meta charset="utf-8" name="viewport" content="width=device-width; user-scalable=0;">
<meta property="og:image" content="https://ligo.northwestern.edu/media/mass-plot/preview.png" />
<meta property="og:description" content="Thanks to gravitational wave and electromagnetic astronomy, this interactive tool allows the user to view all the known black holes and neutron stars with measured masses." />
<meta property="og:url" content="https://ligo.northwestern.edu/media/mass-plot/index.html" />
<meta property="og:title" content="Explore Black Holes and Neutron Stars" />
<link rel="stylesheet" type="text/css" href="mods/index.css"/>
<!-- LOAD DEPENDENCIES -->
<script type="text/javascript" src="libs/d3.js"></script>
<script type="text/javascript" src="libs/jquery.js"></script>
<script type="text/javascript" src="libs/flowtype.js"></script>
<script type="text/javascript" src="libs/FileSaver.min.js"></script>
<script type="text/javascript" src="libs/canvas-to-blob.min.js"></script>
</head>
<body>
<div class="header">
<div class="menu_wrapper hidden">
<div class="bar_wrapper">
<div class="menu_bar"></div>
<div class="menu_bar"></div>
<div class="menu_bar bottom"></div>
</div>
<div class="option_type hidden" id="view">VIEW:
<div class="option hidden view selected" id="view_full">Full</div>
<div class="option hidden view" id="view_center">Center</div>
<div class="option hidden view" id="view_spread">Spread</div>
<div class="option hidden view" id="view_split">Split</div>
<div class="option hidden view" id="view_cat_one">BH Categories</div>
<div class="option hidden view" id="view_cat_two">NS Categories</div>
</div>
<div class="option_type hidden" id="toggle">TOGGLE:
<div class="option hidden toggle selected" id="toggle_bh">Black Holes</div>
<div class="option hidden toggle selected" id="toggle_ns">Neutron Stars</div>
<div class="option hidden toggle selected" id="toggle_gw">GW Detections</div>
<div class="option hidden toggle selected" id="toggle_em">EM Detections</div>
<div class="option hidden toggle selected" id="toggle_title">Title</div>
<div class="option hidden toggle" id="toggle_labels">Labels</div>
<div class="option hidden toggle selected" id="toggle_axis">Axis</div>
<div class="option hidden toggle selected" id="toggle_merger">Mergers</div>
<div class="option hidden toggle" id="toggle_bh_error">BH Error Bars</div>
<div class="option hidden toggle" id="toggle_ns_error">NS Error Bars</div>
<div class="option hidden toggle" id="toggle_gap">Mass Gap</div>
</div>
<div class="option_type hidden" id="scale">SCALE:
<div class="option hidden scale selected" id="log_scale">Logarithmic</div>
<div class="option hidden scale" id="lin_scale">Linear</div>
</div>
<div class="option_type hidden" id="range">ZOOM:
<div id="range_choices">
<div class="option hidden range selected" id="full_range">Full</div>
<div class="option hidden range" id="ns_range">Neutron Stars</div>
</div>
</div>
<div class="option_type hidden" id="appearance">LOOK:
<div id="scheme" class="option hidden appearance">Scheme:<br>
<div style="padding-left: 1.5vw"><span id="dark_scheme" class="selected">Dark</span> | <span id="light_scheme">Light</span></div>
</div>
<div id="radius" class="option hidden appearance">Radius:<br>
<div style="padding-left: 1.5vw"><span id="scaled_radius" class="selected">Scale</span> | <span id="set_radius">Equal</span></div>
</div>
<div id="shading" class="option hidden appearance">Shading:
<div style="padding-left: 1.5vw"><span id="stellar_shade" class="selected">Stellar</span> | <span id="plain_shade">Plain</span></div>
</div>
<div id="color" class="option hidden appearance">Color-mode:
<div style="padding-left: 1.5vw"><span id="color_blend" class="selected">Blend</span> | <span id="color_normal">None</span></div>
</div>
<div id="order" class="option hidden appearance">In Front:
<div style="padding-left: 1.5vw"><span id="stars_front" class="selected">Stars</span> | <span id="bars_front">Bars</span></div>
</div>
</div>
</div>
<div class="download_menu hidden">
<div id="saveButton" class='image_button'>Save Image</div>
<div id="sizeButton" class='image_button'>
<span id="web_size" class="selected">Web</span> | <span id="large_size">Large</span>
</div>
</div>
</div>
<div id="tilde">
</div>
<div class="overlay" style='display:none'>
<div class="progress">Tutorial?</div>
<div class="loading"></div>
</div>
<script>
$('body').flowtype();
</script>
</body>
<!-- LOAD DATA -->
<script type="text/javascript" src="mods/datasets.js"></script>
<!-- LOAD MODULES -->
<script type="text/javascript" src="mods/starters.js"></script>
<script type="text/javascript" src="mods/helpers.js"></script>
<script type="text/javascript" src="mods/animations.js"></script>
<script type="text/javascript" src="mods/exporter.js"></script>