-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathgame.html
74 lines (74 loc) · 4 KB
/
game.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
<!DOCTYPE html>
<html>
<head>
<title>Idling Through Time</title>
<link href="styles.css" rel="stylesheet">
<script src="main.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+plex+Mono&display=swap" rel="stylesheet">
</head>
<body>
<div class="log">
<h2 id="log">Recent events will show up here. </h2>
<div style="text-align: center;">
<a class="ib spaced" href="credits.html">Credits</a>
<a class="ib spaced" href="gameroadmap.html">Roadmap</a>
<p class="ib spaced">Version 0.022</p>
</div>
</div>
<div id="resources">
<h2 class="ib">Time:</h2>
<h2 class="ib resource" id="timecounter">0</h2>
<h2 class="ib">Photons:</h2>
<h2 class="ib resource" id="photoncounter">0</h2>
<h2 class="ib">Gluons:</h2>
<h2 class="ib resource" id="gluoncounter">0</h2>
<h2 class="ib">Quarks:</h2>
<h2 class="ib resource" id="quarkcounter">0</h2>
<h2 class="ib">Electrons:</h2>
<h2 class="ib resource" id="electroncounter">0</h2>
<h2 class="ib">Protons:</h2>
<h2 class="ib resource" id="protoncounter">0</h2>
<h2 class=""
</div>
<div>
<button class="button" onclick="incrementTime(1);">Wait</button>
<p class="ib"><i>Wait enough, and you'll get something in return! *Disclaimer: You may or may not get anything in return.*</i></p>
<br>
<button class="button" onclick="incrementTime(5);">Wait More</button>
<p class="ib"><i>Like waiting, but longer.</i></p>
<br>
<button class="button" onclick="incrementPhotons(1);">Light a Photon</button>
<p class="ib"><i>Light a photon into existence.</i></p>
<br>
<button class="button" onclick="incrementQuarks(1);">Convert A Quark </button>
<p class="ib"><i>Photons: Instant Quarks - Just add Energy!</i></p>
<br>
<button class="button" onclick="incrementGluons(1);"> Condense a Gluon </button>
<p class="ib"><i>Condense a gluon out of sheer will.</i></p>
<br>
<button class="button" onclick="incrementElectrons(1);">Spark an Electron</button>
<p class="ib"><i>Turn nothing into yet another thing.</i></p>
<br>
<button class="button" onclick="incrementProtons(1);">Fuse a proton</button>
<p class="ib"><i>Combine 3 quarks, 3 gluons, and a bit of love, and now you have the subatomic stew of a proton!</i></p>
<br>
</div>
<div id="upgrades">
<h2>Upgrades</h2>
<p><i>Upgrade your universe here!</i></p><p style="font-size:8px; color:rgb(97, 101, 105);">How do you even upgrade a universe?</p>
<button class="button" id="timeDilation" onclick="buyUpgrade('timeDilation');hide('timeDilation');hide('timeDilationText');">Upgrade: Time Dilation </button>
<p id="timeDilationText"><i>Time goes 10% faster, somehow. Costs 25 quarks.</i></p>
<button class="button" id="electroMagnetism" onclick="buyUpgrade('electroMagnetism');hide('electroMagnetism');hide('electroMagnetismText');">Upgrade: Electromagnetism</button>
<p id="electroMagnetismText"><i>Unlock atoms. Costs 5 electrons and 5 protons.</i></p>
</div>
<div>
<h3>Temporary Settings Section</h3>
<h4 class="ib">Cheat Mode & Hard Mode</h4><p class="ib">0 = Cheats, 1 = Normal, 2 = Hard Mode, Temporary</p>
<button onclick="difficultychange(0);">0 (Cheats)</button>
<button onclick="difficultychange(1);">1 (Normal)</button>
<button onclick="difficultychange(2);">2 (Hard)</button>
</div>
</body>
</html>