UC-Remake/index.html at main · FlamemasterNXF/UC-Remake · 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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <script defer src="src/Internal/Animations.js"></script>
    <script defer src="src/Internal/Formatting.js"></script>
    <script defer src="src/Internal/BreakEternity.js"></script>
    <script defer src="src/SmallScripts/ourgwa.js"></script>
    <script defer src="src/Internal/Helpers.js"></script>
    <script defer src="src/Internal/Modal.js"></script>
    <script defer src="src/Data.js"></script>
    <script defer src="src/SmallScripts/Offline.js"></script>
    <script defer src="src/Internal/CircleControl.js"></script>
    <script defer src="src/SmallScripts/Settings.js"></script>
    <script defer src="src/Inversions.js"></script>
    <script defer src="src/Circles.js"></script>
    <script defer src="src/LostDerivatives.js"></script>
    <script defer src="src/Theories.js"></script>
    <script defer src="src/Upgrades.js"></script>
    <script defer src="src/Derivatives.js"></script>
    <script defer src="src/Entropy.js"></script>
    <script defer src="src/Internal/News.js"></script>
    <script defer src="src/SmallScripts/Automation.js"></script>
    <script defer src="src/SmallScripts/Legends.js"></script>
    <script defer src="src/Update.js"></script>
    <script defer src="src/Main.js"></script>
    <link rel="stylesheet" type="text/css" href="css/miscStyles.css" />
    <link rel="stylesheet" type="text/css" href="css/classStyles.css" />
    <link rel="stylesheet" type="text/css" href="css/idStyles.css" />
    <link rel="stylesheet" type="text/css" href="css/Modal.css" />
    <link rel="icon" href="favicon.png" type="image/x-icon" sizes="16x16">
    <title>UC-Remake</title>
</head>
<body>
<div>
    <img src="images/communism.png" id="ourgwa">
</div>
<div class="layer" id="loadingLayer" style="pointer-events: none; text-align: center">
    <div class="flexBox" style="flex-direction: column">
        <p class="loadingTexts" id="loadingText">Loading... this should only take a few seconds.</p>
        <p class="loadingTexts" id="offlineText">Loading... this should only take a few seconds.</p>
    </div>
</div>
<div class="layer" id="modalLayer" style="pointer-events: none">
    <div id="promptContainer" class="flexbox modalContainer">
        <div id="prompt">
            <h3 id="promptTitle"></h3>
            <p id="promptDesc"></p>
            <input id="promptInput" type="text" placeholder="">
            <button id="promptButton">Submit</button>
            <button id="promptCancelButton" onclick="closeModal(1)">Cancel</button>
        </div>
    </div>
    <div class="flexbox modalContainer" id="alertContainer">
        <div id="alert">
            <h3 id="alertTitle">Welcome back!</h3>
            <p id="alertContent">New things have been added since last time</p>
            <button id="closeAlert" onclick="closeModal(0)">Thanks!</button>
            <br>
        </div>
    </div>
    <div id="confirmContainer" class="flexbox modalContainer">
        <div id="confirm" class="flexCol">
            <h3 id="confirmTitle">Are you sure?</h3>
            <p id="confirmContent" style="margin-bottom:1vh">New things have been added since last time</p>
            <div class="flexRow">
                <button id="noConfirm" class="lockedResearch" style="margin-right:0.5vw">No!</button>
                <button id="yesConfirm" class="unlockedResearch" style="margin-left:0.5vw">Yes!</button>
            </div>
            <br>
        </div>
    </div>
</div>
<div class="layer" id="topLayer">
    <div class="flexBox generalTexts" id="oddityDisplay">There are 0 Oddities</div>
    <div class="flexBox generalTexts" style="color: #ca3c50; font-family: DosisSemiBold" id="entropyDisplay">Entropy divides your Oddity gain by</div>
    <div class="flexBox generalTexts" id="lostInDisplay">Lost Derivative Active!</div>
    <div id="ticker"><div id="news" style="color: white"></div></div>
    <div class="flexBox" id="navBar">
        <button class="navButton" id="derivNav" onclick="switchTab(1)">Derivatives</button>
        <button class="navButton" id="mysteriesNav" onclick="switchTab(2)">Theories</button>
        <button class="navButton" id="milestoneNav" onclick="switchTab(3)">Legends</button>
        <button class="navButton" id="lostNav" onclick="switchTab(4)">Lost Derivative</button>
        <button class="navButton" id="circleNav" style="background-color: #d7c200" onclick="switchTab(5)">The Circles</button>
        <button class="navButton" id="inversionsNav" style="background-color: #02a046" onclick="switchTab(6)">Inversions</button>
        <button class="navButton" id="complexityNav" onclick="switchTab(7)">Complexity</button>
        <button class="navButton" id="settingsNav" onclick="switchTab(0)">Settings</button>
    </div>
    <div class="flexBox" id="buymaxContainer">
        <button class="flexBox" id="buymax" onclick="buyMaxDeriv()">Buy the max possible of all Derivatives [M]</button>
        <button class="flexBox" id="autoBuymax" onclick="autoToggle(1)">Auto Buymax: OFF</button>
        <button class="flexBox" id="upgradeBuymax" onclick="buyMaxUpgrades()">Buy the max possible of all Upgrades [U]</button>
    </div>
    <div class="flexBox" id="bigDerivativeContainer">
        <div class="flexBox" id="derivativeContainer">
            <button class="flexBox derivative" id="derivIButton" onclick="buyDeriv(1)">
                <b style="font-size:20px;height:65px;margin:0px">Derivative I: [Increase]</b>
                <div style="height:62px;text-align:right" id="deriv0">Cost: 2.00 Oddities<br>[1.00] 1.00 (+0.00/sec)<br>+1.00 Oddity [+1.00/sec]</div>
            </button>
            <button class="flexBox derivative" id="derivIIButton" onclick="buyDeriv(2)">
                <b style="font-size:20px;height:62px;margin:0px">Derivative II: [Growth]</b>
                <div style="height:60px;width:250px;text-align:right;" id="deriv1">Cost: 2.00 Oddities<br>[1.00] 1.00 (+0.00/sec)<br>+1.00 Oddity [+1.00/sec]</div>
            </button>
            <button class="flexBox derivative" id="derivIIIButton" onclick="buyDeriv(3)">
                <b style="font-size:20px;height:62px;margin:0px">Derivative III: [Expansion]</b>
                <div style="height:60px;width:250px;text-align:right;" id="deriv2">Cost: 2.00 Oddities<br>[1.00] 1.00 (+0.00/sec)<br>+1.00 Oddity [+1.00/sec]</div>
            </button>
            <button class="flexBox derivative" id="derivIVButton" onclick="buyDeriv(4)">
                <b style="font-size:20px;height:62px;margin:0px">Derivative IV: [Peak]</b>
                <div style="height:60px;width:250px;text-align:right;" id="deriv3">Cost: 2.00 Oddities<br>[1.00] 1.00 (+0.00/sec)<br>+1.00 Oddity [+1.00/sec]</div>
            </button>
            <button class="flexBox derivative" id="derivVButton" onclick="buyDeriv(5)">
                <b style="font-size:20px;height:62px;margin:0px">Derivative V: [BEYOND]</b>
                <div style="height:60px;width:250px;text-align:right;" id="deriv4">Cost: 2.00 Oddities<br>[1.00] 1.00 (+0.00/sec)<br>+1.00 Oddity [+1.00/sec]</div>
            </button>
        </div>
        <div class="flexBox" id="upgradeContainer">
            <button class="flexBox upgrade" id="upgrade0" onclick="buyUpgrade(1)">Upgrade 1<br>Cost: 1e96 Oddities<br>Current effect: 1x (You have 0)</button>
            <button class="flexBox upgrade" id="upgrade1" onclick="buyUpgrade(2)">Upgrade 2<br>Cost: 1e96 Oddities<br>Current effect: 1x (You have 0)</button>
            <button class="flexBox upgrade" id="upgrade2" onclick="buyUpgrade(3)">Upgrade 3<br>Cost: 1e96 Oddities<br>Current effect: 1x (You have 0)</button>
            <button class="flexBox upgrade" id="upgrade3" onclick="buyUpgrade(4)">Upgrade 4<br>Cost: 1e96 Oddities<br>Current effect: 1x (You have 0)</button>
            <button class="flexBox upgrade" id="upgrade4" style='height: 100px'onclick="buyUpgrade5()">Upgrade ⬥<br>Cost: 1e96 Oddities<br>Current effect: 1x (You have 0)</button>
        </div>
    </div>
    <div class="flexBox" id="theoriesContainer">
        <div class="flexBox theoryRow" id="theoryRow1">
            <button class="theory" id="theory0" onmouseover="theoryTextUpdate(0)" onclick="buyTheory(0)">Theory I</button>
            <button class="theory" id="theory1" onmouseover="theoryTextUpdate(1)" onclick="buyTheory(1)">Theory II</button>
            <button class="theory" id="theory2" onmouseover="theoryTextUpdate(2)" onclick="buyTheory(2)">Theory III</button>
        </div>
        <div class="flexBox theoryRow" id="theoryRow2">
            <button class="theory" id="theory3" onmouseover="theoryTextUpdate(3)" onclick="buyTheory(3)">Theory IV</button>
            <button class="theory" id="theory4" onmouseover="theoryTextUpdate(4)" onclick="buyTheory(4)">Theory V</button>
            <button class="theory" id="theory5" onmouseover="theoryTextUpdate(5)" onclick="buyTheory(5)">Theory VI</button>
            <button class="theory" id="theory6" onmouseover="theoryTextUpdate(6)" onclick="buyTheory(6)">Theory VII</button>
        </div>
        <div class="flexBox theoryRow" id="theoryRow3">
            <button class="theory" id="theory7" onmouseover="theoryTextUpdate(7)" onclick="buyTheory(7)">Theory VIII</button>
            <button class="theory" id="theory8" onmouseover="theoryTextUpdate(8)" onclick="buyTheory(8)">Theory IX</button>
            <button class="theory" id="theory9" onmouseover="theoryTextUpdate(9)" onclick="buyTheory(9)">Theory X</button>
            <button class="theory" id="theory10" onmouseover="theoryTextUpdate(10)" onclick="buyTheory(10)">Theory XI</button>
        </div>
        <div class="flexBox theoryRow" id="theoryRow4">
            <button class="theory" id="theory11" onmouseover="theoryTextUpdate(11)" onclick="buyTheory(11)">Theory XII</button>
            <button class="theory" id="theory12" onmouseover="theoryTextUpdate(12)" onclick="buyTheory(12)">Theory XIII</button>
            <button class="theory" id="theory13" onmouseover="theoryTextUpdate(13)" onclick="buyTheory(13)">Theory XIV</button>
            <button class="theory" id="theory14" onmouseover="theoryTextUpdate(14)" onclick="buyTheory(14)">Theory XV</button>
        </div>
        <div class="flexBox theoryRow" id="theoryRow5">
            <button class="theory" id="theory15" onmouseover="theoryTextUpdate(15)" onclick="buyTheory(15)">Theory XVI</button>
            <button class="theory" id="theory16" onmouseover="theoryTextUpdate(16)" onclick="buyTheory(16)">Theory XVII</button>
            <button class="theory" id="theory17" onmouseover="theoryTextUpdate(17)" onclick="buyTheory(17)">Theory XVIII</button>
            <button class="theory" id="theory18" onmouseover="theoryTextUpdate(18)" onclick="buyTheory(18)">Theory XIX</button>
            <button class="theory" id="theory19" onmouseover="theoryTextUpdate(19)" onclick="buyTheory(19)">Theory XX</button>
        </div>
        <div class="generalTexts" id="theoriesText">Hover over a Theory to learn its effect!</div>
    </div>
    <div class="flexBox" id="legendsContainer" style="flex-direction: column">
        <div class="flexBox" id="legendSubtabContainer" style="flex-direction: row; margin-top: 7px">
            <button class="navButton" id="legendQolNav" style="background-color: black; color: #967109" onclick="changeLegendsTab('legacies')">Legacies</button>
            <button class="navButton" id="legendUnlockableNav" style="background-color: black; color: #967109" onclick="changeLegendsTab('treasures')">Treasures</button>
        </div>
        <div class="flexBox" id="legaciesContainer" style="flex-direction: column">
            <button class="legend" id="legend0">Legacy One<br>Discovered by purchasing an Upgrade 4<br>Unlock an Auto Buymax for Derivatives</button>
            <button class="legend" id="legend2">Legacy Two<br>Discovered by obtaining an Ancient Particle<br>Unlock a Buymax for Upgrades</button>
            <button class="legend" id="legend3">Legacy Three<br>Discovered by unlocking Breakpoint 1<br>Unlock an Auto Buymax for Lost Cycles</button>
            <button class="legend" id="legend4">Legacy Four<br>Discovered by unlocking Theory 20<br>Unlock a Buymax for Cycles</button>
        </div>
        <div class="flexBox" id="treasuresContainer" style="flex-direction: column">
            <button class="legend" id="legend1">Treasure One<br>Discovered by purchasing an Upgrade ⬥<br>Derivative 1 no longer consumes Oddities on purchase</button>
            <button class="legend" id="legend5">Treasure Two<br>Discovered by reaching 100,000 Ancient Particles<br>Unlock the Circles</button>
            <button class="legend" id="legend6">Treasure Three<br>Discovered by reaching 1e7 Ancient Particles<br>`ǝ̴̨̨̦̙͍̆̀̃͐̊̽̈̔̈̋̿͒͝ͅʌ̶̡̤̕͝͠ᴉ̷̮̬̥̳̎̔̓̽̄Ⅎ̴͓̫̖̻̗̤̟̣̿͋̔̅̊͂̓̑̎͌͋͒͘͝ʌ̶̗͚͚̬̊̀̾̏́̇͋̂̍̋̽͝ᴉ̷̧̯̺̞͍̳̼̤͔̠͑̓̑̈́͂͝ɹ̶̡̮͔̗͙̰̗̘͍̘͓̩̾͘ǝ̸̛̹̙̖̈́͋͋̕p̷̯̳͔͉̗̱̒̀ʞ̴͓̝̹͈̩̮̈́͛͜͜ɔ̴̡̨̨͍̭͎̽̑̎̾̄̔̌͋͂͘͜͝͝ỡ̶̢̲͍͙̮͒̕l̷̥̠͑̏͗̉̑̌̍ũ̸̡̨̡͙͚̟̞̤̦͖̞̖͖̅̀͋͂̎̓̈̊∩̸͎̐͂̕</button>
            <button class="legend" id="legend7">Treasure Four<br>Discovered by reaching 1e150 Oddities<br>Unlock Inversions</button>
        </div>
    </div>
    <div class="flexBox" id="bigLostContainer">
        <p style="font-family: DosisSemiBold" class="generalTexts" id="lostTopText">hi</p>
        <div class="flexBox" id="lostContainer">
            <button class="lostButton" id="lostDeriv" onclick="lostControl()">
                <div id="lostTitle">The Lost Derivative</div>
                <div class=""id="lostEffect">effect</div>
                <div class=""id="lostInfo">info</div>
            </button>
            <button class="lostButton" id="particleEffectsBox">
                <div id="derivativeParticleEffect">Current Ancient Particle effects:</div>
                <div id="dreamParticleEffect">Current Dream Particle effects:</div>
            </button>
        </div>
        <div class="flexBox lostRow" id="lostRow1">
            <button class="lostUpgrade" id="lostTheory0" onclick="buyLostTheory(1)">This would be a Lost Upgrade thingie</button>
            <button class="lostUpgrade" id="lostTheory1"onclick="buyLostTheory(2)">This would be a Lost Upgrade thingie</button>
            <button class="lostUpgrade" id="lostTheory2"onclick="buyLostTheory(3)">This would be a Lost Upgrade thingie</button>
        </div>
        <div class="flexBox lostRow" id="lostRow2">
            <button class="lostUpgrade"id="lostCycle0"onclick="buyLostCycle(1)">This would be a Lost Upgrade thingie</button>
            <button class="lostUpgrade"id="lostCycle1"onclick="buyLostCycle(2)">This would be a Lost Upgrade thingie</button>
            <button class="lostUpgrade"id="lostCycle2"onclick="buyLostCycle(3)">This would be a Lost Upgrade thingie</button>
            <button class="lostUpgrade"id="lostCycle3"onclick="buyLostCycle(4)">This would be a Lost Upgrade thingie</button>
        </div>
        <div class="flexBox lostRow" id="lostRow3">
            <button id="lostAutoBuymax" onclick="autoToggle(2)">Auto Lost Cycle Buymax: OFF</button>
        </div>
    </div>
    <div class="flexBox" id="bigCirclesContainer" style="flex-direction: column">
        <div class="flexBox" id="circleSubtabContainer" style="flex-direction: row; margin-top: 7px">
            <button class="navButton" id="cyclesNav" style="background-color: black; color: #8c3dba" onclick="changeCirclesTab('cycles')">Cycles</button>
            <button class="navButton" id="breakpointsNav" style="background-color: black; color: #8c3dba" onclick="changeCirclesTab('breakpoints')">Breakpoints</button>
            <button class="navButton" id="secretsNav" style="background-color: black; color: #8c3dba" onclick="changeCirclesTab('secrets')">Secrets</button>
        </div>
        <div class="circleContainer" id="circleContainer">
            <div class="circular-progress" id="bar0">
                <div class="value-container generalTexts" style="font-family: DosisLight; font-size: 18px">0%</div>
            </div>
        </div>
        <div class="flexBox" id="cyclesContainer" style="flex-direction: column">
            <strong class="generalTexts" id="circleDerivPDisplay" style="margin-bottom: 2px; color: #6ab75e">0</strong>
            <strong class="generalTexts" id="cycleEffectText" style="margin-bottom: 2px; color: #7e00b4">Hover over a Cycle to reveal its effect!</strong>
            <button class="buymax" id="cycleBuyMax" style="color: #7e00b4;margin-top: 5px; margin-bottom: 5px" onclick="autoToggle(3)">Auto Cycle Buymax: OFF</button>
            <div class="flexBox" id="cyclesRow">
                <button class="cycle" id="cycle1" onmouseover="updateCycleText(0)" onclick="buyCycle(1)">Hello chat</button>
                <button class="cycle" id="cycle2" onmouseover="updateCycleText(1)" onclick="buyCycle(2)">Hello chat</button>
                <button class="cycle" id="cycle3" onmouseover="updateCycleText(2)" onclick="buyCycle(3)">Hello chat</button>
                <button class="cycle" id="cycle4" onmouseover="updateCycleText(3)" onclick="buyCycle(4)">Hello chat</button>
                <button class="cycle" id="cycle5" onmouseover="updateCycleText(4)" onclick="buyCycle(5)">Hello chat</button>
            </div>
            <div class="flexBox" id="cyclesRow2" style="margin-top: 10px">
                <button class="cycle" id="cycle6" onmouseover="updateCycleText(5)" onclick="buyCycle(6)">Hello chat</button>
                <button class="cycle" id="cycle7" onmouseover="updateCycleText(6)" onclick="buyCycle(7)">Hello chat</button>
                <button class="cycle" id="cycle8" onmouseover="updateCycleText(7)" onclick="buyCycle(8)">Hello chat</button>
                <button class="cycle" id="cycle9" onmouseover="updateCycleText(8)" onclick="buyCycle(9)">Hello chat</button>
            </div>
        </div>
        <div class="flexBox" id="breakpointsContainer" style="flex-direction: column">
            <strong class="generalTexts" id="breakpointEffectText" style="margin-bottom: 2px; color: #7e00b4">Hover over a Cycle to reveal its effect!</strong>
            <div class="flexBox" id="breakpointRow">
                <button class="cycle" id="breakpoint1" onmouseover="updateBreakpointText(0)" onclick="toggleBreakPoint(1)">Hello chat</button>
                <button class="cycle" id="breakpoint2" onmouseover="updateBreakpointText(1)" onclick="toggleBreakPoint(2)">Hello chat</button>
                <button class="cycle" id="breakpoint3" onmouseover="updateBreakpointText(2)" onclick="toggleBreakPoint(3)">Hello chat</button>
                <button class="cycle" id="breakpoint4" onmouseover="updateBreakpointText(3)" onclick="toggleBreakPoint(4)">Hello chat</button>
            </div>
        </div>
        <div class="flexBox" id="secretsContainer" style="flex-direction: column">
            <div class="flexBox" id="secretRow" style="flex-direction: column">
                <button class="secret" id="secret1">Hello chat</button>
                <button class="secret" id="secret2">Hello chat</button>
                <button class="secret" id="secret3">Hello chat</button>
            </div>
        </div>
    </div>
    <div class="flexBox" id="bigInversionsContainer" style="flex-direction: column">
        <p class="generalTexts" id="inversionsDisplay" style="margin-top: 10px; margin-bottom: 2px; color: #6ab75e; text-align: center; font-family: DosisBold">There are 0 Inversions</p>
        <button class="navButton" id="toggleInversions" style="margin-bottom: 2px; background-color: black; color: #6ab75e; text-align: center; font-family: DosisSemiBold" onclick="data.inversionEnabled = !data.inversionEnabled">amongus</button>
        <div class="flexBox" id="inversionSubtabContainer" style="flex-direction: row; margin-top: 7px">
            <button class="navButton" id="invertedTheoriesNav" style="background-color: black; color: #02a046" onclick="changeInversionsTab('invertedTheories')">Inverted Theories</button>
            <button class="navButton" id="deepInversionsNav" style="background-color: black; color: #02a046" onclick="changeInversionsTab('deepInversions')">Deep Inversions</button>
            <button class="navButton" id="inversionInversionNav" style="background-color: black; color: #02a046" onclick="changeInversionsTab('inversionInversion')">Inversion Inversion</button>
        </div>
        <div class="flexBox" id="invertedTheoriesContainer" style="flex-direction: column">
            <div class="flexBox theoryRow" id="invertedTheoryRow1" style="margin-top: 10px">
                <button class="iTheory" id="iTheory0" onclick="INVERSIONS.buyITheory(0)" >Inverted Theory I</button>
                <button class="iTheory" id="iTheory1" onclick="INVERSIONS.buyITheory(1)">Inverted II</button>
                <button class="iTheory" id="iTheory2" onclick="INVERSIONS.buyITheory(2)">Inverted III</button>
                <button class="iTheory" id="iTheory3" onclick="INVERSIONS.buyITheory(3)">Inverted III</button>
                <button class="iTheory" id="iTheory4" onclick="INVERSIONS.buyITheory(4)">Inverted III</button>
                <button class="iTheory" id="iTheory5" onclick="INVERSIONS.buyITheory(5)">Inverted III</button>
            </div>
        </div>
        <div class="flexBox" id="deepInversionsContainer" style="flex-direction: column">
            <p class="generalTexts deepInversionEffectText" id="deepInversionEffectText2">Deep Thoughts with The Deep</p>
            <button id="deepInversionActivate" onclick="INVERSIONS.activateDeepInversion()">Deep Thoughts with The Deep</button>
            <p class="generalTexts deepInversionEffectText" id="deepInversionEffectText">Deep Thoughts with The Deep</p>
        </div>
        <div class="flexBox" id="inversionInversionContainer" style="flex-direction: column">
            <button id="inversionInversion" onclick="INVERSIONS.controlInversionInversion()"><i>Are you prepared to venture into the far unknown?</i><br>Invert your Inversions</button>
            <p class="generalTexts" id="inversionInversionEffectText">Deep Thoughts with The Deep</p>
        </div>
    </div>
    <div class="flexBox" id="bigComplexityContainer">
        <p class="generalTexts" id="complexityPlaceholder">Darkness there and nothing more<br>Quoth the Raven "Nevermore."</p>
    </div>
    <div class="flexBox" id="settingsContainer">
        <div class="flexBox" id="saveControl">
            <button class="settingsButtons" onclick="save(); createAlert('Saved', 'Game successfully saved manually!', 'Sweet.')">Save your game</button>
            <button class="settingsButtons" onclick="exportSave()">Export your Savefile</button>
            <button class="settingsButtons" onclick="downloadSave()">Download your Savefile</button>
            <button class="settingsButtons" onclick="beginImport()">Import your Savefile</button>
            <button class="settingsButtons" style="color: darkred" onclick="beginFullReset()">Export and Delete your Savefile</button>
        </div>
        <div class="flexBox" id="toggles">
            <button class="settingsButtons" id="settingsToggle1" onclick="toggleSettings(2)">Toggle Animations [ON]</button>
            <button class="settingsButtons" id="settingsToggle3" onclick="toggleSettings(3)">Toggle Offline Time [ON]</button>
        </div>
        <button class="settingsButtons" id="changelogToggle" onclick="toggleSettings(1)">Show/Hide the Changelog</button>
        <div class="generalTexts" id="changelog">
            <h1 id="changelogHeader">Changelog</h1>
            <p>(because I love changelogs) <br>
                Only changes I consider notable are recorded here, no bugfixes or small changes.</p>
            <h3 id="most-recent">Most Recent</h3>
            <p><strong>v0.0.19b</strong> Rebalanced a lot of Theories, reworked row 5 of Theories, reworked Legends, and removed Lost Theories 4 and 5. <br></p>
            <h3 id="pre-alpha">Pre-Alpha</h3>
            <hr>
            <p><strong>v0.0.1</strong> Created this repo, created the base files, added Saving, Loading, Import, and Export systems, and added a favicon. <br>
                <strong>v0.0.1b</strong> Created this Changelog. <br>
                <strong>v0.0.2</strong> Added the Dosis Font family, and the CSS code required to use the fonts within it on texts. <br>
                <strong>v0.0.3</strong> Added some simple UI and added the functionality for Derivative I. <br>
                <strong>v0.0.4</strong> Functionality for all Derivs, Derivative II can be unlocked, the unlock system, and the Deriv production system. <br>
                <strong>v0.0.5</strong> Buymax for all Derivs, and a hotkey system. <br>
                <strong>v0.0.6</strong> You can now unlock all Derivs. <br>
                <strong>v0.0.7</strong> Tab System, Exponents Tab, Settings Tab with an Import/Export System, Exponent and High Exponent display, and you can Exponent Reset. <br>
                <strong>v0.0.8</strong> Exponent and High Exponent effects. <br>
                <strong>v0.0.9</strong> Exponential Derivative I and Exponential Derivative systems (unlock, purchasing, production). <br>
                <strong>v0.0.10</strong> Offline Progress. <br>
                <strong>v0.0.11</strong> Major UI Update. <br>
                <strong>v0.0.11b</strong> Improved Full Reset. <br>
                <strong>v0.0.11c</strong> In-game Changelog Integration. <br>
                <strong>v0.0.12</strong> Shop unlock systems, Upgrades 1-4, and Upgrade ⬥ <br>
                <strong>v0.0.13</strong> [The Great Rollback]: Removed the Shop and Exponents. Code Optimizations. <br>
                <strong>v0.0.14</strong> [Theoretical Update]: Theories 1-9, Legends system, Legend One, AutoBuymax, and a lot of code optimizations! <br>
                <strong>v0.0.14b</strong> Future tabs now display '???' and can't be accessed until a certain point. <br>
                <strong>v0.0.14c</strong> Added Import Code 'ourgwa'. <br>
                <strong>v0.0.15</strong> [Lost Update]: The Lost Derivative, 4 Lost Theories, 2 Lost Cycles, Theories 10-15, Legend 2, and Derivative V! <br>
                <strong>v0.0.15b</strong> More content is hidden until you get close to it. <br>
                <strong>v0.0.16</strong> [The Tutorial with Infinite Steps]: The Infinite Stairway, 8 Stair Secrets, Lost Cycle 3, and Legend 3! <br>
                <strong>v0.0.17</strong> [The Singular Update]: The Blackhole, Stair Secret 8, 6 Ringularities, and 2 new Theories! <br>
                <strong>v0.0.18</strong> [The SECOND Rollback]: Reverted to v0.0.15b <br>
                <strong>v0.0.19</strong> [The Circular Update]: The Circles, 9 Cycles, 4 Breakpoints, 4 Secrets, 5 new Theories, 1 new Lost Theory, and 2 new Lost Cycles! <br>
                <strong>v0.0.19b</strong> Rebalanced a lot of Theories, reworked row 5 of Theories, reworked Legends, and removed Lost Theories 4 and 5. <br> </p>
        </div>
    </div>
</div>
<canvas class="layer" id="animationCanvas"></canvas>
</body>
</html>