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

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: "💙";
+}

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>
 

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:[e-mail]?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:[e-mail]?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>

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>