-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html.bak
More file actions
141 lines (123 loc) · 3.27 KB
/
index.html.bak
File metadata and controls
141 lines (123 loc) · 3.27 KB
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<title>Meteorite Landings</title>
<link rel = "stylesheet" type = "text/css" href = "css/css.css">
<link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
<script type='text/javascript' src="js/d3.v3.min.js"></script>
<script type='text/javascript' src="js/topojson.v1.min.js"></script>
<!-- <script src = "js/d3.min.js"></script> -->
<script src = "js/planetaryjs.min.js"></script>
<script src = "js/planetaryjs-outlines.js"></script>
</head>
<body>
<div id = "wrapper">
<div class = "title" style="margin-bottom: 10px">
<!-- <h6>Natalie Le Huenen 3156341</h6> -->
<h3>Meteorite Landings</h3>
</div>
<div>
<canvas id = "planet"></canvas>
<!-- <canvas id='globe' width='800' height='800' style='width: 800px; height: 800px; cursor: move;'></canvas> -->
<script src = "js/js.js"></script>
</div>
<div style = "text-align: center">
<div>
<h1>45,716</h1>
<h6>meteorites on record</h6>
</div>
<div class = margin-top-100>
<h1>605,281kg</h1>
<h6>total mass of all meteorites</h6>
</div>
<div class = margin-top-100>
<h1>60,000kg</h1>
<h6>largest meteorite</h6>
</div>
<div>
<h1>< 0.001kg</h1>
<h6>smallest meteorite</h6>
</div>
<!-- <table align="center">
<tr>
<td>
<h1>60,000kg</h1>
<h6>largest meteorite</h6>
</td>
<td>
<h1>< 0.001kg</h1>
<h6>smallest meteorite</h6>
</td>
</tr>
</table> -->
<img src="img/chart_bubble_meteorites_c.png" class = "margin-top-100 scale-60percent"></img>
<h6>distribution of mass</h6>
<!-- years: 301 to 2013 -->
<div style="margin-left: 10%" class = "margin-top-100">
<div class="list">
<h6>largest meteorites:</h6>
<table>
<tr>
<td><h1>1.</h1></td>
<td><h1>Hoba</h1></td>
<td><h1>60,000kg</h1></td>
</tr>
<tr>
<td><h2>2.</h2></td>
<td><h2>Cape York</h2></td>
<td><h2>58,200kg</h2></td>
</tr>
<tr>
<td><h3>3.</h3></td>
<td><h3>Campo del Cielo</h3></td>
<td><h3>50,000kg</h3></td>
</tr>
<tr>
<td><h4>4.</h4></td>
<td><h4>Canyon Diablo</h4></td>
<td><h4>30,000kg</h4></td>
</tr>
<tr>
<td><h5>5.</h5></td>
<td><h5>Armanty</h5></td>
<td><h5>28,000kg</h5></td>
</tr>
<tr>
<td><h5>6.</h5></td>
<td><h5>Gibeon</h5></td>
<td><h5>26,000kg</h5></td>
</tr>
<tr>
<td><h5>7.</h5></td>
<td><h5>Chupaderos</h5></td>
<td><h5>24,300kg</h5></td>
</tr>
<tr>
<td><h5>8.</h5></td>
<td><h5>Mundrabilla</h5></td>
<td><h5>24,000kg</h5></td>
</tr>
<tr>
<td><h5>9.</h5></td>
<td><h5>Sikhote-Alin</h5></td>
<td><h5>23,000kg</h5></td>
</tr>
<tr>
<td><h5>10.</h5></td>
<td><h5>Bacubirito</h5></td>
<td><h5>22,000kg</h5></td>
</tr>
<!-- <h1>1. Hoba 60,000kg</h6>
<h2>2. Cape York 58,200kg</h6>
<h3>3. Campo del Cielo 50,000kg</h6>
<h4>4. Canyon Diablo 30,000kg</h6>
<h5>5. Armanty 28,000kg</h6> -->
</table>
</div>
</div>
<div style = "height: 3em">
</div>
</div>
</div>
</body>
</html>