Added shop, inventory, fixed plant and mutation definitions, and more..

Pages/Bits/SubNavbar.php

@@ -35,6 +35,17 @@ $SubNavbarCurrent ??= null;
                 ENT_QUOTES,
                 "UTF-8"
             ) ?>"
+            <?php if (
+                $SubNavbarCurrent ===
+                $Name
+            ): ?>
+                aria-current="<?= str_starts_with(
+                    $Url,
+                    "#"
+                )
+                    ? "location"
+                    : "page" ?>"
+            <?php endif; ?>
         >
             <span
                 class="SubNavbarPrefix"

Pages/Garden.php

@@ -1,15 +1,18 @@
 <?php
 
 $PageTitle = "Garden";
+$PageSection = "Garden";
 
 $SubNavbarItems = [
+    "Garden" => "/Pages/Garden.html",
+    "Shop" => "/Pages/Shop.html",
     "Plots" => "#Plots",
     "Seeds" => "#Seeds",
     "Player" => "#Player",
     "Leaderboard" => "#Leaderboard"
 ];
 
-$SubNavbarCurrent = "Plots";
+$SubNavbarCurrent = "Garden";
 
 ?>
 
@@ -28,6 +31,9 @@ $SubNavbarCurrent = "Plots";
             <div class="GardenStatus">
                 <strong>Dew:</strong>
                 <span id="DewAmount">0</span>
+                <br>
+                <strong>Next harvest:</strong>
+                <span id="NextHarvest">Nothing planted</span>
             </div>
 
             <div class="GardenLayout">
@@ -127,6 +133,7 @@ $SubNavbarCurrent = "Plots";
         <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/Economy.js"></script>
         <script src="/Scripts/Garden/Users.js"></script>
         <script src="/Scripts/Garden/Leaderboard.js"></script>
         <script src="/Scripts/Garden/Garden.js"></script>

Pages/Profile.php

@@ -261,6 +261,8 @@ $SubNavbarCurrent = "Player";
 
 
         <script src="/Scripts/SubNavbar.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/Users.js"></script>
         <script src="/Scripts/Garden/Profile.js"></script>

Pages/Shop.php

@@ -0,0 +1,76 @@
+<?php
+
+$PageTitle = "Shop";
+$PageSection = "Garden";
+
+$SubNavbarItems = [
+    "Garden" => "/Pages/Garden.html",
+    "Shop" => "/Pages/Shop.html",
+    "Seeds" => "#Seeds"
+];
+
+$SubNavbarCurrent = "Shop";
+
+?>
+
+<!DOCTYPE html>
+
+<html lang="en" data-palette="CatppuccinMocha">
+    <?php require __DIR__ . "/Bits/Head.php"; ?>
+
+    <body>
+        <?php require __DIR__ . "/Bits/Navbar.php"; ?>
+        <?php require __DIR__ . "/Bits/SubNavbar.php"; ?>
+
+        <main class="MainContainer">
+            <h1>Garden shop</h1>
+
+            <div class="ShopStatus">
+                <strong>Dew:</strong>
+                <span id="ShopDewAmount">0</span>
+            </div>
+
+            <p>
+                Buy seeds here, then take them to the Garden
+                to plant them. Seeds are consumable: planting
+                one removes it from your inventory.
+            </p>
+
+            <p>
+                Plants discovered through mutations become
+                purchasable automatically. Their seed price is
+                based on the cheapest recipe you've discovered,
+                plus 10 Dew per hour of mutation time.
+            </p>
+
+            <p>
+                Harvesting a plant returns 150% of its current
+                seed price, rounded up.
+            </p>
+
+            <section
+                id="Seeds"
+                class="ShopSection"
+            >
+                <h2>Seeds</h2>
+
+                <div
+                    id="ShopSeedList"
+                    class="ShopSeedList"
+                ></div>
+            </section>
+
+            <p id="ShopMessage">
+                Choose a seed to buy.
+            </p>
+        </main>
+
+        <script src="/Scripts/SubNavbar.js"></script>
+        <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/Economy.js"></script>
+        <script src="/Scripts/Garden/Shop.js"></script>
+    </body>
+</html>