mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-13 18:38:11 +02:00
78 lines
2.5 KiB
PHP
78 lines
2.5 KiB
PHP
<?php
|
|
|
|
$PageTitle = "Plants";
|
|
$PageSection = "Plants";
|
|
|
|
|
|
?>
|
|
|
|
<!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>Plant encyclopedia</h1>
|
|
|
|
<p>
|
|
Every plant you discover is recorded here.
|
|
Undiscovered plants stay hidden until you find
|
|
them in your Garden.
|
|
</p>
|
|
|
|
<div
|
|
class="CatalogueControls"
|
|
aria-label="Plant search and sorting"
|
|
>
|
|
<input
|
|
id="PlantEncyclopediaSearchInput"
|
|
type="search"
|
|
placeholder="Search plants..."
|
|
aria-label="Search plants"
|
|
autocomplete="off"
|
|
>
|
|
|
|
<select
|
|
id="PlantEncyclopediaSortSelect"
|
|
aria-label="Sort plants"
|
|
>
|
|
<option value="IdAsc">ID</option>
|
|
<option value="NameAsc">Name A-Z</option>
|
|
<option value="GrowthAsc">Growth short-long</option>
|
|
<option value="GrowthDesc">Growth long-short</option>
|
|
<option value="CostAsc">Cost low-high</option>
|
|
<option value="CostDesc">Cost high-low</option>
|
|
<option value="RewardAsc">Reward low-high</option>
|
|
<option value="RewardDesc">Reward high-low</option>
|
|
<option value="DphDesc">DPH high-low</option>
|
|
<option value="DphAsc">DPH low-high</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div
|
|
id="PlantEncyclopediaList"
|
|
class="PlantEncyclopediaList"
|
|
></div>
|
|
|
|
<p
|
|
id="PlantEncyclopediaMessage"
|
|
class="PageMessage"
|
|
aria-live="polite"
|
|
>
|
|
Loading discovered plants...
|
|
</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/Save.js"></script>
|
|
<script src="/Scripts/Garden/Content.js"></script>
|
|
<script src="/Scripts/Garden/Economy.js"></script>
|
|
<script src="/Scripts/Garden/PlantEncyclopedia.js"></script>
|
|
</body>
|
|
</html>
|