mirror of
https://git.srhtnin.garden/sarah/srhtnin.github.io.git
synced 2026-10-14 10:48:12 +02:00
Added subnavbar.
This commit is contained in:
sarah committed
1 parent
bdf6871b84
commit
46c35689d7
8 files changed
+298
-19
No files matched your search
@@ -16,7 +16,7 @@ $NavbarPages = [
|
||||
href="<?= htmlspecialchars($NavbarHref, ENT_QUOTES, "UTF-8") ?>"
|
||||
aria-label="<?= htmlspecialchars($NavbarPage, ENT_QUOTES, "UTF-8") ?>"
|
||||
title="<?= htmlspecialchars($NavbarPage, ENT_QUOTES, "UTF-8") ?>"
|
||||
<?= ($PageTitle ?? "") === $NavbarPage ? 'aria-current="page"' : "" ?>
|
||||
<?= ($PageSection ?? $PageTitle ?? "") === $NavbarPage ? 'aria-current="page"' : "" ?>
|
||||
>
|
||||
<img
|
||||
class="NavbarIcon"
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
<?php
|
||||
|
||||
$SubNavbarItems ??= [];
|
||||
|
||||
if (count($SubNavbarItems) === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
$SubNavbarCurrent ??= null;
|
||||
|
||||
?>
|
||||
|
||||
<nav
|
||||
class="SubNavbar"
|
||||
aria-label="Secondary navigation"
|
||||
>
|
||||
<?php foreach (
|
||||
$SubNavbarItems
|
||||
as $SubNavbarName => $SubNavbarHref
|
||||
): ?>
|
||||
<a
|
||||
class="SubNavbarLink"
|
||||
href="<?= htmlspecialchars(
|
||||
$SubNavbarHref,
|
||||
ENT_QUOTES,
|
||||
"UTF-8"
|
||||
) ?>"
|
||||
<?= $SubNavbarCurrent === $SubNavbarName
|
||||
? 'aria-current="page"'
|
||||
: "" ?>
|
||||
>
|
||||
<?= htmlspecialchars(
|
||||
$SubNavbarName,
|
||||
ENT_QUOTES,
|
||||
"UTF-8"
|
||||
) ?>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</nav>
|
||||
+24
-4
@@ -2,6 +2,15 @@
|
||||
|
||||
$PageTitle = "Garden";
|
||||
|
||||
$SubNavbarItems = [
|
||||
"Plots" => "#Plots",
|
||||
"Seeds" => "#Seeds",
|
||||
"Player" => "#Player",
|
||||
"Leaderboard" => "#Leaderboard"
|
||||
];
|
||||
|
||||
$SubNavbarCurrent = "Plots";
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
@@ -11,6 +20,7 @@ $PageTitle = "Garden";
|
||||
|
||||
<body>
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
<?php require __DIR__ . "/Bits/SubNavbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>Garden</h1>
|
||||
@@ -21,7 +31,7 @@ $PageTitle = "Garden";
|
||||
</div>
|
||||
|
||||
<div class="GardenLayout">
|
||||
<section>
|
||||
<section id="Plots">
|
||||
<h2>Plots</h2>
|
||||
|
||||
<div
|
||||
@@ -30,7 +40,10 @@ $PageTitle = "Garden";
|
||||
></div>
|
||||
</section>
|
||||
|
||||
<section class="SeedPanel">
|
||||
<section
|
||||
id="Seeds"
|
||||
class="SeedPanel"
|
||||
>
|
||||
<h2>Seeds</h2>
|
||||
|
||||
<div
|
||||
@@ -44,7 +57,10 @@ $PageTitle = "Garden";
|
||||
Select a seed, then choose an empty plot.
|
||||
</p>
|
||||
|
||||
<section class="GardenUser">
|
||||
<section
|
||||
id="Player"
|
||||
class="GardenUser"
|
||||
>
|
||||
<h2>Player</h2>
|
||||
|
||||
<p>
|
||||
@@ -76,7 +92,10 @@ $PageTitle = "Garden";
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="Leaderboard">
|
||||
<section
|
||||
id="Leaderboard"
|
||||
class="Leaderboard"
|
||||
>
|
||||
<h2>Leaderboard</h2>
|
||||
|
||||
<div class="LeaderboardTableContainer">
|
||||
@@ -103,6 +122,7 @@ $PageTitle = "Garden";
|
||||
</section>
|
||||
</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>
|
||||
|
||||
+13
-3
@@ -2,6 +2,14 @@
|
||||
|
||||
$PageTitle = "Home";
|
||||
|
||||
$SubNavbarItems = [
|
||||
"Welcome" => "#Welcome",
|
||||
"About me" => "#AboutMe",
|
||||
"Credits" => "#Credits"
|
||||
];
|
||||
|
||||
$SubNavbarCurrent = "Welcome";
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
@@ -11,9 +19,10 @@ $PageTitle = "Home";
|
||||
|
||||
<body>
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
<?php require __DIR__ . "/Bits/SubNavbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>Welcome</h1>
|
||||
<h1 id="Welcome">Welcome</h1>
|
||||
|
||||
<p>
|
||||
You've arrived at Sarahtonin's homepage.
|
||||
@@ -26,7 +35,7 @@ $PageTitle = "Home";
|
||||
</b>
|
||||
</p>
|
||||
|
||||
<h2>About me</h2>
|
||||
<h2 id="AboutMe">About me</h2>
|
||||
|
||||
<p>
|
||||
I'm Sarahtonin. The creator of this very website.
|
||||
@@ -43,7 +52,7 @@ $PageTitle = "Home";
|
||||
<a href="/Pages/Sarahtonin.html">page</a> about me.
|
||||
</p>
|
||||
|
||||
<h3>Credits</h3>
|
||||
<h3 id="Credits">Credits</h3>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
@@ -62,6 +71,7 @@ $PageTitle = "Home";
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<script src="/Scripts/SubNavbar.js"></script>
|
||||
<script src="/Scripts/Script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+27
-4
@@ -2,6 +2,15 @@
|
||||
|
||||
$PageTitle = "Profile";
|
||||
|
||||
$SubNavbarItems = [
|
||||
"Player" => "#Player",
|
||||
"Statistics" => "#Statistics",
|
||||
"Account" => "#Account",
|
||||
"Import" => "#Import"
|
||||
];
|
||||
|
||||
$SubNavbarCurrent = "Player";
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
@@ -11,6 +20,7 @@ $PageTitle = "Profile";
|
||||
|
||||
<body>
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
<?php require __DIR__ . "/Bits/SubNavbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>Profile</h1>
|
||||
@@ -22,7 +32,10 @@ $PageTitle = "Profile";
|
||||
</p>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<section
|
||||
id="Player"
|
||||
class="ProfileSection"
|
||||
>
|
||||
<h2>Player</h2>
|
||||
|
||||
<form id="ProfileUsernameForm">
|
||||
@@ -56,7 +69,10 @@ $PageTitle = "Profile";
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<section
|
||||
id="Statistics"
|
||||
class="ProfileSection"
|
||||
>
|
||||
<h3>Statistics</h3>
|
||||
|
||||
<div class="ProfileStatistics">
|
||||
@@ -113,7 +129,10 @@ $PageTitle = "Profile";
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<section
|
||||
id="Account"
|
||||
class="ProfileSection"
|
||||
>
|
||||
<h2>Account</h2>
|
||||
|
||||
<p>
|
||||
@@ -177,7 +196,10 @@ $PageTitle = "Profile";
|
||||
</section>
|
||||
|
||||
|
||||
<section class="ProfileSection">
|
||||
<section
|
||||
id="Import"
|
||||
class="ProfileSection"
|
||||
>
|
||||
<h3>Import Account</h3>
|
||||
|
||||
<p>
|
||||
@@ -238,6 +260,7 @@ $PageTitle = "Profile";
|
||||
</main>
|
||||
|
||||
|
||||
<script src="/Scripts/SubNavbar.js"></script>
|
||||
<script src="/Scripts/Garden/Save.js"></script>
|
||||
<script src="/Scripts/Garden/Users.js"></script>
|
||||
<script src="/Scripts/Garden/Profile.js"></script>
|
||||
|
||||
+17
-5
@@ -2,6 +2,16 @@
|
||||
|
||||
$PageTitle = "Sarahtonin";
|
||||
|
||||
$SubNavbarItems = [
|
||||
"About" => "#About",
|
||||
"Skills" => "#Skills",
|
||||
"Who I am" => "#WhoIAm",
|
||||
"Socials" => "#Socials",
|
||||
"Misc info" => "#MiscInfo"
|
||||
];
|
||||
|
||||
$SubNavbarCurrent = "About";
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
@@ -11,9 +21,10 @@ $PageTitle = "Sarahtonin";
|
||||
|
||||
<body>
|
||||
<?php require __DIR__ . "/Bits/Navbar.php"; ?>
|
||||
<?php require __DIR__ . "/Bits/SubNavbar.php"; ?>
|
||||
|
||||
<main class="MainContainer">
|
||||
<h1>About me</h1>
|
||||
<h1 id="About">About me</h1>
|
||||
|
||||
<p>
|
||||
I'm Sarah, also known as Sarahtonin.
|
||||
@@ -26,7 +37,7 @@ $PageTitle = "Sarahtonin";
|
||||
Linux, and generally messing around with technology until it does what I want.
|
||||
</p>
|
||||
|
||||
<h2>Skills</h2>
|
||||
<h2 id="Skills">Skills</h2>
|
||||
|
||||
<p>
|
||||
I work in IT, so I've learned a lot of different stuff in my time.
|
||||
@@ -50,7 +61,7 @@ $PageTitle = "Sarahtonin";
|
||||
"Quality over quantity" describes my preferences pretty well.
|
||||
</p>
|
||||
|
||||
<h2>Who I am</h2>
|
||||
<h2 id="WhoIAm">Who I am</h2>
|
||||
|
||||
<p>
|
||||
I'm Norwegian, my pronouns are she/her,
|
||||
@@ -62,7 +73,7 @@ $PageTitle = "Sarahtonin";
|
||||
I'm also asexual, lesbian, and trans. It's quite queer..
|
||||
</p>
|
||||
|
||||
<h3>Socials</h3>
|
||||
<h3 id="Socials">Socials</h3>
|
||||
|
||||
<p>
|
||||
My username tends to be either <strong>Sarahtonin</strong>
|
||||
@@ -70,7 +81,7 @@ $PageTitle = "Sarahtonin";
|
||||
I'm named that on Steam, YouTube, and Discord.
|
||||
</p>
|
||||
|
||||
<h3>Misc info</h3>
|
||||
<h3 id="MiscInfo">Misc info</h3>
|
||||
|
||||
<ul>
|
||||
<li>Birthday: 27 November 2008</li>
|
||||
@@ -80,6 +91,7 @@ $PageTitle = "Sarahtonin";
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<script src="/Scripts/SubNavbar.js"></script>
|
||||
<script src="/Scripts/Script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user