infinite-generators/index.html

104 lines
4.6 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="themes/dark.css" id="theme"/>
<link rel="stylesheet" href="style.css"/>
<title>Infinite Generators</title>
</head>
<body>
<br>
<div id="head">
<h1>Infinite Generators</h1>
<div id="tabs">
<button id="main-tab-btn"> Main tab </button>
<button id="condensed-btn" style="display: none;"> Condensed </button>
<button id="settings-btn"> Settings </button>
<button id="changelog-btn"> Changelog </button>
</div>
<h3>
You have <span id="pts">10.0</span> points.<br>
<span id="condensed-points" style="display: none;">You have <span id="cpts">0.00</span> condensed points.</span>
</h3>
</div>
<div id="main-tab" style="display: block;">
<div id="ab-en-wrap" style="display: none;">
<button id="ab-en-btn">
Generator autobuyer is <span id="ab-en" style="color: greenyellow;">Enabled</span>
</button>
<br><br>
</div>
<table class="gens">
<thead>
<tr>
<th> Generator # </th>
<th> Amount </th>
<th> Generation </th>
<th> Next Cost </th>
<th> Buy </th>
</tr>
</thead>
<tbody id="gens">
</tbody>
</table>
</div>
<div id="condensed" style="display: none;">
<button id="cond-btn"><h2>
Condense your generators for<br>+<span id="c-gain">0.00</span> Condensed Points
</h2></button><br><br>
<button style="padding: 8px;" id="cupg-0">
<b>Condensed Upgrade 1<br>Point Accelerator</b><br>
Raise point generation ^<span id="cupg-0-eff">1.00</span><br>
Cost: <span id="cupg-0-cost">1.00</span> Condensed Points
</button>
<button style="padding: 8px;" id="cupg-1">
<b>Condensed Upgrade 2<br>Generator Booster</b><br>
Multiply generator production by x<span id="cupg-1-eff">1.00</span><br>
Cost: <span id="cupg-1-cost">1.00</span> Condensed Points
</button><br>
<button style="padding: 8px;" id="cupg-2">
<b>Condensed Upgrade 3<br>Autobuyer</b><br>
Auto-buy the first <span id="cupg-2-eff">0.00</span> generator(s)<br>
Cost: <span id="cupg-2-cost">3.00</span> Condensed Points
</button>
<button style="padding: 8px;" id="cupg-3">
<b>Condensed Upgrade 4<br>Autobuyer Accelerator</b><br>
Multiply autobuyer speed x<span id="cupg-3-eff">1.00</span><br>
Cost: <span id="cupg-3-cost">8.00</span> Condensed Points
</button><br>
<button style="padding: 8px;" id="cupg-4">
<b>Condensed Upgrade 5<br>Condensed Optimizer</b><br>
Raise condensed point gain ^<span id="cupg-4-eff">1.00</span><br>
Cost: <span id="cupg-4-cost">15.0</span> Condensed Points
</button>
<button style="padding: 8px;" id="cupg-5">
<b>Condensed Upgrade 6<br>Multiplier booster</b><br>
Raise generator multipliers ^<span id="cupg-5-eff">1.00</span><br>
Cost: <span id="cupg-5-cost">22.5</span> Condensed Points
</button>
</div>
<div id="settings" style="display: none;">
<textarea id="save" rows="6" cols="50">Use this area to save and load your game</textarea><br>
<button id="save-game">Save your game</button>
<button id="load-game">Load your saved game</button>
<button id="wipe-game">Clear your saved game</button><br><br>
<select id="theme-sel">
<option value="dark">Dark theme</option>
<option value="blue">Blue theme</option>
<option value="light">Light theme</option>
</select>
</div>
<div id="changelog" style="display: none;">
<h3>v1.0</h3>
<ul>
<li>Added points</li>
<li>Added generators</li>
<li>Added condensed points</li>
<li>Added 6 condensed upgrades</li>
<li>Added the autobuyer</li>
<li>Added 3 themes (dark, blue, light)</li>
</ul>
</div>
</body>
<script src="main.js"></script>
</html>