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

Changed files
+97 -13
site
+61
site/assets/styles/main.css
··· 182 182 .access-hidden { 183 183 display: none; 184 184 } 185 + 186 + /* nav main */ 187 + 188 + nav ul.nav-main { 189 + text-align: center; 190 + margin-top: .5rem; 191 + padding: 0 !important; 192 + } 193 + 194 + nav ul.nav-main li { 195 + display: inline; 196 + padding: 0 !important; 197 + } 198 + 199 + nav ul.nav-main li::after { 200 + content: " | "; 201 + } 202 + 203 + nav ul.nav-main li:last-child::after { 204 + content: ""; 205 + } 206 + 207 + nav ul.nav-main > li { 208 + padding: 0 !important; 209 + } 210 + 211 + /* nav main */ 212 + 213 + nav ul.nav-secondary { 214 + text-align: left; 215 + padding: 0 !important; 216 + } 217 + 218 + nav ul.nav-secondary li { 219 + display: inline; 220 + padding: 0 !important; 221 + } 222 + 223 + nav ul.nav-secondary li::after { 224 + content: ", "; 225 + } 226 + 227 + nav ul.nav-secondary li:last-child::after { 228 + content: ""; 229 + } 230 + 231 + nav ul.nav-secondary > li { 232 + padding: 0 !important; 233 + } 234 + 235 + ul.nav-secondary-personal::before { 236 + content: "๐ŸŒ"; 237 + } 238 + 239 + ul.nav-secondary-contact::before { 240 + content: "๐Ÿ“ง"; 241 + } 242 + 243 + ul.nav-secondary-support::before { 244 + content: "๐Ÿ’™"; 245 + }
+2
site/index.php
··· 12 12 13 13 <main> 14 14 <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"> 15 + 16 + <?php include "nav_main.php" ?> 15 17 16 18 <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> 17 19
+24 -13
site/nav.php
··· 1 - <nav> 1 + <nav aria-label="extra links"> 2 2 3 - <p><?php 4 - $hash = getenv("RESHASH"); 5 - $hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash; 6 - echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>"; 7 - ?></p> 3 + <ul class="nav-secondary"> 4 + <li> 5 + <?php 6 + $hash = getenv("RESHASH"); 7 + $hashUrl = "https://bytes.4-walls.net/girlonthemoon/girlonthemoon/commit" . "/" . $hash; 8 + echo "<span class='githashtag' aria-hidden='true'>#</span><a class='githashlink' href='$hashUrl'>$hash</a>"; 9 + ?> 10 + </li> 11 + </ul> 8 12 9 - <p><span aria-hidden="true">๐Ÿ”—</span> <a href="docs.php">docs</a>, <a href="/vids">videos</a>, <a href="/floppies">floppies</a></p> 13 + <ul class="nav-secondary nav-secondary-personal"> 14 + <li><a href="https://bubblegum.girlonthemoon.xyz/">blog</a></li> 15 + <li><a href="https://sakura.girlonthemoon.xyz">garden</a></li> 16 + </ul> 10 17 11 - <p><span aria-hidden="true">๐ŸŒ</span> <a href="https://bubblegum.girlonthemoon.xyz/">blog</a>, <a href="https://sakura.girlonthemoon.xyz">garden</a></p> 12 - 13 - <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> 14 - 15 - <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> 16 - 18 + <ul class="nav-secondary nav-secondary-contact"> 19 + <li><a href="mailto:witnesslachesis@disroot.org?subject=hi%20from%20your%20site">email</a></li> 20 + <li><a href="assets/misc/pgp.txt">PGP key</a></li> 21 + </ul> 22 + 23 + <ul class="nav-secondary nav-secondary-support"> 24 + <li><a href="https://www.patreon.com/c/girlonthemoon">patreon</a></li> 25 + <li><a href="https://ko-fi.com/girlonthemoon">ko-fi</a></li> 26 + </ul> 27 + 17 28 </nav>
+10
site/nav_main.php
··· 1 + <nav> 2 + 3 + <ul class="nav-main"> 4 + <li><a href="docs.php">docs</a></li> 5 + <li><a href="/vids">videos</a></li> 6 + <li><a href="/floppies">floppies</a></li> 7 + </ul> 8 + 9 + <hr> 10 + </nav>