mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-13 18:38:11 +02:00
146 lines
4.2 KiB
PHP
146 lines
4.2 KiB
PHP
<?php
|
|
|
|
$PageTitle = "Garden";
|
|
$PageSection = "Garden";
|
|
|
|
|
|
?>
|
|
|
|
<!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>Garden</h1>
|
|
|
|
<div class="StatusPanel">
|
|
<strong>Dew:</strong>
|
|
<span id="DewAmount">0</span>
|
|
<br>
|
|
<strong>Next harvest:</strong>
|
|
<span id="NextHarvest">Nothing planted</span>
|
|
</div>
|
|
|
|
<div class="GardenLayout">
|
|
<section id="Plots">
|
|
<h2>Plots</h2>
|
|
|
|
<div
|
|
id="GardenGrid"
|
|
class="GardenGrid"
|
|
></div>
|
|
</section>
|
|
|
|
<section
|
|
id="Seeds"
|
|
class="Panel SeedPanel"
|
|
>
|
|
<h2>Seeds</h2>
|
|
|
|
<div
|
|
id="SeedList"
|
|
class="SeedList"
|
|
></div>
|
|
|
|
<h3 class="GardenToolHeading">
|
|
Tools
|
|
</h3>
|
|
|
|
<div class="ToolList">
|
|
<button
|
|
id="ShovelToolButton"
|
|
class="ActionButton ToolButton ToolButtonShovel"
|
|
type="button"
|
|
>
|
|
Shovel
|
|
</button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<p id="GardenMessage" class="PageMessage">
|
|
Select a seed, then choose an empty plot.
|
|
</p>
|
|
|
|
<section
|
|
id="Player"
|
|
class="Panel GardenUser"
|
|
>
|
|
<h2>Player</h2>
|
|
|
|
<p>
|
|
Username:
|
|
<strong id="UsernameDisplay">
|
|
Loading...
|
|
</strong>
|
|
</p>
|
|
|
|
<form
|
|
id="UsernameForm"
|
|
hidden
|
|
>
|
|
<input
|
|
id="UsernameInput"
|
|
type="text"
|
|
minlength="3"
|
|
maxlength="24"
|
|
autocomplete="username"
|
|
placeholder="Username"
|
|
required
|
|
>
|
|
|
|
<button type="submit">
|
|
Set username
|
|
</button>
|
|
|
|
<p id="UsernameMessage"></p>
|
|
</form>
|
|
</section>
|
|
|
|
<section
|
|
id="Leaderboard"
|
|
class="Panel Leaderboard"
|
|
>
|
|
<h2>Leaderboard</h2>
|
|
|
|
<div class="LeaderboardTableContainer">
|
|
<table class="LeaderboardTable">
|
|
<thead>
|
|
<tr>
|
|
<th class="LeaderboardRankColumn">
|
|
#
|
|
</th>
|
|
|
|
<th>
|
|
Username
|
|
</th>
|
|
|
|
<th class="LeaderboardDewColumn">
|
|
Dew
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="LeaderboardBody"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</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/MutationEngine.js"></script>
|
|
<script src="/Scripts/Garden/Users.js"></script>
|
|
<script src="/Scripts/Garden/Leaderboard.js"></script>
|
|
<script src="/Scripts/Garden/Garden.js"></script>
|
|
</body>
|
|
</html>
|