mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-13 18:38:11 +02:00
104 lines
2.7 KiB
PHP
104 lines
2.7 KiB
PHP
<?php
|
|
|
|
$PageTitle = "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="GardenStatus">
|
|
<strong>Dew:</strong>
|
|
<span id="DewAmount">0</span>
|
|
</div>
|
|
|
|
<div class="GardenLayout">
|
|
<section>
|
|
<h2>Plots</h2>
|
|
|
|
<div
|
|
id="GardenGrid"
|
|
class="GardenGrid"
|
|
></div>
|
|
</section>
|
|
|
|
<section class="SeedPanel">
|
|
<h2>Seeds</h2>
|
|
|
|
<div
|
|
id="SeedList"
|
|
class="SeedList"
|
|
></div>
|
|
</section>
|
|
</div>
|
|
|
|
<p id="GardenMessage">
|
|
Select a seed, then choose an empty plot.
|
|
</p>
|
|
|
|
<section class="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 class="Leaderboard">
|
|
<h2>Leaderboard</h2>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Username</th>
|
|
<th>Dew</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="LeaderboardBody"></tbody>
|
|
</table>
|
|
</section>
|
|
</main>
|
|
|
|
<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/Users.js"></script>
|
|
<script src="/Scripts/Garden/Leaderboard.js"></script>
|
|
<script src="/Scripts/Garden/Garden.js"></script>
|
|
</body>
|
|
</html>
|