mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-13 18:38:11 +02:00
78 lines
2.6 KiB
PHP
78 lines
2.6 KiB
PHP
<?php
|
|
|
|
$PageTitle = "Mutations";
|
|
$PageSection = "Mutations";
|
|
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en" data-palette="CatppuccinMocha">
|
|
<?php require __DIR__ . "/Bits/Head.php"; ?>
|
|
|
|
<body>
|
|
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
|
|
|
<main class="MainContainer">
|
|
<h1>Mutation encyclopedia</h1>
|
|
|
|
<p>
|
|
Every mutation you discover is recorded here.
|
|
Once found, its recipe and result stay visible so
|
|
you can recreate it whenever you want. Mutation
|
|
hints may also appear here for recipes you are
|
|
currently capable of discovering.
|
|
</p>
|
|
|
|
<div
|
|
class="CatalogueControls"
|
|
aria-label="Mutation search and sorting"
|
|
>
|
|
<input
|
|
id="MutationEncyclopediaSearchInput"
|
|
type="search"
|
|
placeholder="Search mutations..."
|
|
aria-label="Search mutations"
|
|
autocomplete="off"
|
|
>
|
|
|
|
<select
|
|
id="MutationEncyclopediaSortSelect"
|
|
aria-label="Sort mutations"
|
|
>
|
|
<option value="IdAsc">ID</option>
|
|
<option value="NameAsc">Name A-Z</option>
|
|
<option value="ChanceDesc">Chance high-low</option>
|
|
<option value="ChanceAsc">Chance low-high</option>
|
|
<option value="CooldownAsc">Cooldown short-long</option>
|
|
<option value="CooldownDesc">Cooldown long-short</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div
|
|
id="MutationEncyclopediaList"
|
|
class="MutationEncyclopediaList"
|
|
></div>
|
|
|
|
<p
|
|
id="MutationEncyclopediaMessage"
|
|
class="PageMessage"
|
|
aria-live="polite"
|
|
>
|
|
Loading discovered mutations...
|
|
</p>
|
|
</main>
|
|
|
|
<script src="/Scripts/Garden/PlantImages.js"></script>
|
|
<script src="/Scripts/Garden/Plants.js"></script>
|
|
<script src="/Scripts/Garden/Mutations.js"></script>
|
|
<script src="/Scripts/Garden/MutationRecipePreview.js"></script>
|
|
<script src="/Scripts/Garden/Save.js"></script>
|
|
<script src="/Scripts/Garden/Content.js"></script>
|
|
<script src="/Scripts/Garden/Economy.js"></script>
|
|
<script src="/Scripts/Garden/Upgrades.js"></script>
|
|
<script src="/Scripts/Garden/MutationEncyclopedia.js"></script>
|
|
</body>
|
|
</html>
|