space-object-comparison/index.html at master · mr21/space-object-comparison · GitHub

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
<!DOCTYPE html>
<html lang='en'>
<head>
	<title>Space object comparison</title>
	<meta charset='UTF-8'/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name='description' content='Interactive planet and star sizes comparison'/>
	<meta name='google' content='notranslate'/>
	<meta property='og:type' content='website'/>
	<meta property='og:title' content='Space object comparison'/>
	<meta property='og:url' content='https://mr21.github.io/space-object-comparison'/>
	<meta property='og:image' content='https://mr21.github.io/space-object-comparison/og-image.png'/>
	<meta property='og:image:width' content='1211'/>
	<meta property='og:image:height' content='735'/>
	<meta name='theme-color' content='#000000'/>
	<link rel='manifest' href='manifest.json'/>
	<link rel="stylesheet" href="style.css"/>
	<!-- <link rel='shortcut icon' href='favicon.png'/> -->
</head>
<body>

<div id="main">
	<label id="toggleTexturesWrap">
		<input type="checkbox" id="toggleTextures" checked/>
		<span>textures</span>
	</label>
	<div id="milkyway"></div>
	<div class="page page-a">
		<select required></select>
		<div class="object-size"></div>
		<div class="object-aka"></div>
		<div class="object"></div>
	</div>
	<div class="page page-b">
		<select required></select>
		<div class="object-size"></div>
		<div class="object-aka"></div>
		<div class="object"></div>
	</div>
</div>

<script src="data.js"></script>
<script src="main.js"></script>
</body>
</html>