pixelnaut/index.html at main · lowPolySkeleton/pixelnaut · 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
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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Pixelnaut</title>
		<meta name="description" content="have fun with pixelnaut :D" />
		<meta property="og:title" content="Pixelnaut" />
		<meta property="og:site_name" content="insipidAce">
		<meta property="og:description" content="have fun with pixelnaut :D" />
		<meta property="og:url" content="https://pixelnaut.fun" />
		<meta property="og:url" content="https://pixelnaut.fun" />
		<meta property="og:image" content="https://www.pixelnaut.fun/imgs/startScreen.gif" />
		<meta property="og:image:secure_url" content="https://www.pixelnaut.fun/imgs/startScreenv2.gif" />
		<meta property="og:image:width" content="1920">
		<meta property="og:image:height" content="1080">
		<meta property="og:image:alt" content="generating link preview">

		<meta name="twitter:card" content="summary">
		<meta name="twitter:description" content="have fun with pixelnaut :D">
		<meta name="twitter:title" content="Pixelnaut">
		<meta name="twitter:site" content="@AceInsipid">
		<meta name="twitter:image" content="https://www.pixelnaut.fun/imgs/startScreenv2.gif">
		<meta name="twitter:creator" content="@AceInsipid">
		<link rel="icon" href="imgs/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="index.css">


	</head>

	<body id="body">
		<section id="game">
			<div class="info hide">
				<div>This site was made by lowpolyskeleton ©2025.<br>The pixel art, the sounds, the coding, I made all the things. I have no social media accounts to link anymore! <br><br>
				Press 'i' again to get back to the fun, or <a class="infoToggle">click here</a>.</div>
			</div>

			<div class="help">
				<div class="startingText">
					Press the 'f' key to toggle full screen.<br><br>
					Use the 'd' key to target the next planet, or the 'a' key to target the previous planet. Then press 'enter' to select the planet! <br>Or just click / tap a planet.<br><br>Press 'i' for info about this site.
				</div>

				<div class="helpText hide">
						Press <a class="helpToggle">'h'</a> for help, press <a class="infoToggle">'i'</a> to toggle info.
				</div>
			</div>

			<div class="layer_1">
				<img src="imgs/starsBG.gif" alt="">
				<div class="stars"></div>
			</div>

			<div class="layer_2">
				<div class="planets">
					<div class="planet one" data-name="rivoire" data-dur="11000"><img  src="imgs/rivoireP.gif" alt=""></div>
					<div class="planet two" data-name="agrias" data-dur="9000"><img  src="imgs/agriasP.gif" alt=""></div>
					<div class="planet three" data-name="meliadoul" data-dur="10000"><img src="imgs/meliadoulP.gif" alt=""></div>
					<div class="planet four" data-name="gafgarion" data-dur="5100"><img src="imgs/gafgarionP.gif" alt=""></div>
					<div class="planet five" data-name="wiegraf" data-dur="18000"><img src="imgs/wiegrafP.gif" alt=""></div>
				</div>
			</div>

			<div class="layer_3"></div>
		</section>
	</body>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script src="index.js"></script>
</html>