mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-14 10:48:12 +02:00
Added social page and fixed garden page layout. ALSO added text next to
navbar.
This commit is contained in:
sarah committed
1 parent
2ea195475e
commit
b3902d4f69
9 files changed
+317
-159
No files matched your search
+47
-11
@@ -1,32 +1,64 @@
|
||||
<?php
|
||||
|
||||
$NavbarPages = [
|
||||
"Home" => "/",
|
||||
"Sarahtonin" => "/Pages/Sarahtonin.html",
|
||||
"Garden" => "/Pages/Garden.html",
|
||||
"Shop" => "/Pages/Shop.html",
|
||||
"Plants" => "/Pages/Plants.html",
|
||||
"Mutations" => "/Pages/Mutations.html",
|
||||
"Guide" => "/Pages/Guide.html",
|
||||
"Profile" => "/Pages/Profile.html"
|
||||
"Home" => [
|
||||
"Href" => "/",
|
||||
"Icon" => "Home.png"
|
||||
],
|
||||
"Sarahtonin" => [
|
||||
"Href" => "/Pages/Sarahtonin.html",
|
||||
"Icon" => "Sarahtonin.png"
|
||||
],
|
||||
"Garden" => [
|
||||
"Href" => "/Pages/Garden.html",
|
||||
"Icon" => "Garden.png"
|
||||
],
|
||||
"Shop" => [
|
||||
"Href" => "/Pages/Shop.html",
|
||||
"Icon" => "Shop.png"
|
||||
],
|
||||
"Plants" => [
|
||||
"Href" => "/Pages/Plants.html",
|
||||
"Icon" => "Plants.png"
|
||||
],
|
||||
"Mutations" => [
|
||||
"Href" => "/Pages/Mutations.html",
|
||||
"Icon" => "Mutations.png"
|
||||
],
|
||||
"Guide" => [
|
||||
"Href" => "/Pages/Guide.html",
|
||||
"Icon" => "Guide.png"
|
||||
],
|
||||
"Profile" => [
|
||||
"Href" => "/Pages/Profile.html",
|
||||
"Icon" => "Profile.png"
|
||||
],
|
||||
"Social" => [
|
||||
"Href" => "/Pages/Social.html",
|
||||
"Icon" => "Social.png"
|
||||
]
|
||||
];
|
||||
|
||||
?>
|
||||
|
||||
<nav class="Navbar" aria-label="Main navigation">
|
||||
<?php foreach ($NavbarPages as $NavbarPage => $NavbarHref): ?>
|
||||
<?php foreach ($NavbarPages as $NavbarPage => $NavbarData): ?>
|
||||
<a
|
||||
class="NavbarLink"
|
||||
href="<?= htmlspecialchars($NavbarHref, ENT_QUOTES, "UTF-8") ?>"
|
||||
href="<?= htmlspecialchars($NavbarData["Href"], ENT_QUOTES, "UTF-8") ?>"
|
||||
aria-label="<?= htmlspecialchars($NavbarPage, ENT_QUOTES, "UTF-8") ?>"
|
||||
title="<?= htmlspecialchars($NavbarPage, ENT_QUOTES, "UTF-8") ?>"
|
||||
<?= ($PageSection ?? $PageTitle ?? "") === $NavbarPage ? 'aria-current="page"' : "" ?>
|
||||
>
|
||||
<img
|
||||
class="NavbarIcon"
|
||||
src="/Assets/Img/<?= rawurlencode($NavbarPage) ?>.png"
|
||||
src="/Assets/Img/<?= rawurlencode($NavbarData["Icon"]) ?>"
|
||||
alt=""
|
||||
>
|
||||
|
||||
<span class="NavbarText">
|
||||
<?= htmlspecialchars($NavbarPage, ENT_QUOTES, "UTF-8") ?>
|
||||
</span>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
|
||||
@@ -44,6 +76,10 @@ $NavbarPages = [
|
||||
src="/Assets/Img/Icon.png"
|
||||
alt=""
|
||||
>
|
||||
|
||||
<span class="NavbarText">
|
||||
Admin
|
||||
</span>
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
|
||||
+73
-97
@@ -15,12 +15,46 @@ $PageSection = "Garden";
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>Garden</h1>
|
||||
<h1 id="GardenPageHeading">Your Garden</h1>
|
||||
|
||||
<div
|
||||
id="GardenSelector"
|
||||
class="GardenSelectorPanel"
|
||||
>
|
||||
<button
|
||||
id="PreviousGardenButton"
|
||||
class="ActionButton GardenSelectorButton"
|
||||
type="button"
|
||||
aria-label="Previous Garden"
|
||||
>
|
||||
<
|
||||
</button>
|
||||
|
||||
<input
|
||||
id="GardenNameInput"
|
||||
class="GardenNameInput"
|
||||
type="text"
|
||||
maxlength="32"
|
||||
value="Garden"
|
||||
aria-label="Garden name"
|
||||
>
|
||||
|
||||
<button
|
||||
id="NextGardenButton"
|
||||
class="ActionButton GardenSelectorButton"
|
||||
type="button"
|
||||
aria-label="Next Garden"
|
||||
>
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<section
|
||||
id="GardenInfoPanel"
|
||||
class="StatusPanel GardenInfoPanel"
|
||||
>
|
||||
<h2 class="GardenInfoHeading">Info</h2>
|
||||
|
||||
<div class="GardenInfoRow GardenInfoTopRow">
|
||||
<div class="GardenInfoSection GardenInfoPrimarySection">
|
||||
<div class="GardenStatusLine">
|
||||
@@ -130,39 +164,7 @@ $PageSection = "Garden";
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
id="GardenSelector"
|
||||
class="GardenSelectorPanel"
|
||||
>
|
||||
<button
|
||||
id="PreviousGardenButton"
|
||||
class="ActionButton GardenSelectorButton"
|
||||
type="button"
|
||||
aria-label="Previous Garden"
|
||||
>
|
||||
<
|
||||
</button>
|
||||
|
||||
<input
|
||||
id="GardenNameInput"
|
||||
class="GardenNameInput"
|
||||
type="text"
|
||||
maxlength="32"
|
||||
value="Garden"
|
||||
aria-label="Garden name"
|
||||
>
|
||||
|
||||
<button
|
||||
id="NextGardenButton"
|
||||
class="ActionButton GardenSelectorButton"
|
||||
type="button"
|
||||
aria-label="Next Garden"
|
||||
>
|
||||
>
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
id="QuickBuy"
|
||||
@@ -208,45 +210,48 @@ $PageSection = "Garden";
|
||||
></div>
|
||||
</section>
|
||||
|
||||
<div class="GardenLayout">
|
||||
<section
|
||||
id="Plots"
|
||||
class="Panel GardenPlotsPanel"
|
||||
>
|
||||
<h2>Plots</h2>
|
||||
<section
|
||||
id="Tools"
|
||||
class="Panel GardenToolsPanel"
|
||||
>
|
||||
<h2>Tools</h2>
|
||||
|
||||
<div class="ToolList">
|
||||
<button
|
||||
id="ShovelToolButton"
|
||||
class="ActionButton ToolButton ToolButtonShovel"
|
||||
type="button"
|
||||
>
|
||||
Shovel
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
id="Seeds"
|
||||
class="Panel GardenInventoryPanel"
|
||||
>
|
||||
<h2>Inventory</h2>
|
||||
|
||||
<div
|
||||
id="SeedList"
|
||||
class="SeedList"
|
||||
></div>
|
||||
</section>
|
||||
|
||||
<section
|
||||
id="Plots"
|
||||
class="Panel GardenPlotsPanel"
|
||||
>
|
||||
<h2>Plots</h2>
|
||||
|
||||
<div class="GardenGridViewport">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<p id="GardenMessage" class="PageMessage">
|
||||
Select a seed, then choose an empty plot.
|
||||
@@ -287,34 +292,6 @@ $PageSection = "Garden";
|
||||
</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>
|
||||
@@ -326,7 +303,6 @@ $PageSection = "Garden";
|
||||
<script src="/Scripts/Garden/Upgrades.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>
|
||||
@@ -0,0 +1,54 @@
|
||||
<?php
|
||||
|
||||
$PageTitle = "Social";
|
||||
$PageSection = "Social";
|
||||
|
||||
?>
|
||||
|
||||
<!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>Social</h1>
|
||||
|
||||
<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/Save.js"></script>
|
||||
<script src="/Scripts/Garden/Users.js"></script>
|
||||
<script src="/Scripts/Garden/Leaderboard.js"></script>
|
||||
<script src="/Scripts/Garden/Social.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user