separate internal site nav into own file, reorganize index, refactor navs

Changed files
+97 -13
site
+61
site/assets/styles/main.css
···
.access-hidden {
display: none;
}
+
+
/* nav main */
+
+
nav ul.nav-main {
+
text-align: center;
+
margin-top: .5rem;
+
padding: 0 !important;
+
}
+
+
nav ul.nav-main li {
+
display: inline;
+
padding: 0 !important;
+
}
+
+
nav ul.nav-main li::after {
+
content: " | ";
+
}
+
+
nav ul.nav-main li:last-child::after {
+
content: "";
+
}
+
+
nav ul.nav-main > li {
+
padding: 0 !important;
+
}
+
+
/* nav main */
+
+
nav ul.nav-secondary {
+
text-align: left;
+
padding: 0 !important;
+
}
+
+
nav ul.nav-secondary li {
+
display: inline;
+
padding: 0 !important;
+
}
+
+
nav ul.nav-secondary li::after {
+
content: ", ";
+
}
+
+
nav ul.nav-secondary li:last-child::after {
+
content: "";
+
}
+
+
nav ul.nav-secondary > li {
+
padding: 0 !important;
+
}
+
+
ul.nav-secondary-personal::before {
+
content: "๐ŸŒ";
+
}
+
+
ul.nav-secondary-contact::before {
+
content: "๐Ÿ“ง";
+
}
+
+
ul.nav-secondary-support::before {
+
content: "๐Ÿ’™";
+
}
+2
site/index.php
···
<main>
<img class="meimg" src="assets/images/me.webp" alt="a photo of me playing guitar with a sort of bored but thoughtful expression on my face. the image is edited to have half tones and noise, and is black and white">
+
+
<?php include "nav_main.php" ?>
<p><span class="highlight">kat, 20, she/her</span>. i like computers and music and other irrelevant stuff. i have several servers at home and i never shut up about them. my server related hobbies include spinning up random docker containers, hosting sites no one will use, and breaking my home internet router, among other things.</p>
+24 -13
site/nav.php
···
-
<nav>
+
<nav aria-label="extra links">
-
<p><?php
-
$hash = getenv("RESHASH");
-
$hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash;
-
echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>";
-
?></p>
+
<ul class="nav-secondary">
+
<li>
+
<?php
+
$hash = getenv("RESHASH");
+
$hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash;
+
echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>";
+
?>
+
</li>
+
</ul>
-
<p><span aria-hidden="true">๐Ÿ”—</span> <a href="docs.php">docs</a>, <a href="/vids">videos</a>, <a href="/floppies">floppies</a></p>
+
<ul class="nav-secondary nav-secondary-personal">
+
<li><a href="https://bubblegum.girlonthemoon.xyz/">blog</a></li>
+
<li><a href="https://sakura.girlonthemoon.xyz">garden</a></li>
+
</ul>
-
<p><span aria-hidden="true">๐ŸŒ</span> <a href="https://bubblegum.girlonthemoon.xyz/">blog</a>, <a href="https://sakura.girlonthemoon.xyz">garden</a></p>
-
-
<p><span aria-hidden="true">๐Ÿ“ง</span> <a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a>, <a href="assets/misc/pgp.txt">PGP key</a></p>
-
-
<p><span aria-hidden="true">๐Ÿ’™</span> <a href="https://www.patreon.com/c/girlonthemoon">patreon</a>, <a href="https://ko-fi.com/girlonthemoon">ko-fi</a></p>
-
+
<ul class="nav-secondary nav-secondary-contact">
+
<li><a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a></li>
+
<li><a href="assets/misc/pgp.txt">PGP key</a></li>
+
</ul>
+
+
<ul class="nav-secondary nav-secondary-support">
+
<li><a href="https://www.patreon.com/c/girlonthemoon">patreon</a></li>
+
<li><a href="https://ko-fi.com/girlonthemoon">ko-fi</a></li>
+
</ul>
+
</nav>
+10
site/nav_main.php
···
+
<nav>
+
+
<ul class="nav-main">
+
<li><a href="docs.php">docs</a></li>
+
<li><a href="/vids">videos</a></li>
+
<li><a href="/floppies">floppies</a></li>
+
</ul>
+
+
<hr>
+
</nav>