Move global head to file and split between page-specific and global

inc/nav.php

@@ -0,0 +1,44 @@
+<script lang="javascript" src="/res/js/themeswap.js"></script>
+<div class="header">
+	<nav>
+		<div>
+			<!--<a href="/me/">about</a> |
+			<a href="/projects/">projects</a> |
+			<a href="/pics/">pics</a> |-->
+			<a href="/dog/">dog</a> |
+			<a href="https://github.com/floppydisk05?tab=repositories">repos</a> |
+			<a href="/calculators/">calculators</a> |
+			<a href="/computers/">computers</a> |
+			<a href="/bookmarks/">bookmarks</a> |
+            <a href="https://blog.diskfloppy.me/">blog</a>
+		</div>
+	</nav>
+	<div class="pagetree">
+			<span class="title">
+				<?php
+				$uri = $_SERVER['REQUEST_URI'];
+				if ($uri === '/') { echo '~floppydisk'; }
+				else {
+					$uri = substr(substr($uri, 1), 0, -1);
+					if (!strpos($uri, '/')) {
+						$uriArr = explode('/', $uri);
+						$link = "/";
+						$links = '<a href="/">~floppydisk</a> / ';
+						$currentDir = basename(getcwd());
+						foreach($uriArr as $page) {
+							if ($page !== $currentDir) {
+								if ($link !== '/') $link = $link . '/' . $page;
+								else $link = $link . $page;
+								$links = $links . '<a href="' . $link . '">' . $page . '</a> / ';
+							}
+						}
+						$links = substr($links, 0, -3) . ' / ' . $currentDir;
+						echo $links;
+					}
+				}
+				?>
+				
+			</span>
+		<div style="float: right;"><a onclick="javascript:toggleTheme()">dark / light mode</a></div>
+	</div>
+</div> <!-- header -->