From 70db1683cf649049f9614515ac63219198dab899 Mon Sep 17 00:00:00 2001
From: Kai Stevenson <kai@kaistevenson.com>
Date: Sat, 8 Oct 2022 19:28:22 -0700
Subject: added nav bar

---
 etc/index.php     |  2 +-
 header.php        |  8 +++++---
 index.php         | 10 +++++-----
 style.css         | 29 +++++++++++++++++++----------
 writing/index.php |  2 +-
 5 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/etc/index.php b/etc/index.php
index 2e0b8ef..6f2a6d0 100644
--- a/etc/index.php
+++ b/etc/index.php
@@ -1,5 +1,5 @@
 <?php
-$title = "Etc";
+$title = "Et cetera";
 require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
 require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
 ?>
diff --git a/header.php b/header.php
index f4096c0..66fcc4e 100644
--- a/header.php
+++ b/header.php
@@ -1,7 +1,9 @@
+<h1><?php echo $title; ?></h1>
+
 <?php if (getcwd() == $_SERVER["DOCUMENT_ROOT"]) { ?>
-    <h1><?php echo $title; ?></h1>
+    <h3 class="nav"><a href="/">[Home]</a> | <a href="/about">[About]</a></h3>
 <?php } else if (basename($_SERVER['PHP_SELF']) == "index.php") { ?>
-    <h1><?php echo $title; ?> | <a class="backbutton" href="..">[Back]</a></h1>
+    <h3 class="nav"><a href="/">[Home]</a> | <a href="/about">[About]</a> | <a href="..">[Back]</a></h3>
 <?php } else { ?>
-    <h1><?php echo $title; ?> | <a class="backbutton" href=".">[Back]</a></h1>
+    <h3 class="nav"><a href="/">[Home]</a> | <a href="/about">[About]</a> | <a href=".">[Back]</a></h3>
 <?php } ?>
\ No newline at end of file
diff --git a/index.php b/index.php
index 5ebbe56..1a3e3fa 100644
--- a/index.php
+++ b/index.php
@@ -12,19 +12,19 @@ require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
 </p>
 <ul>
     <li>
-        <h2><a href="writing/">Writing../</a> /* Proudly part of the 84% */</h2>
+        <h3><a href="writing/">Writing../</a> /* Proudly part of the 84% */</h3>
     </li>
     <li>
-        <h2><a href="programming/">Programming../</a> /* It's easier than it looks */</h2>
+        <h3><a href="programming/">Programming../</a> /* Easier than it looks */</h3>
     </li>
     <li>
-        <h2><a href="music/">Music../</a> /* Dmin7, G7, CMaj7 */</h2>
+        <h3><a href="music/">Music../</a> /* Dmin7, G7, CMaj7 */</h3>
     </li>
     <li>
-        <h2><a href="photography/">Photography../</a> /* No longer obscure-a */</h2>
+        <h3><a href="photography/">Photography../</a> /* Still alive */</h3>
     </li>
     <li>
-        <h2><a href="etc/">Etc../</a> /* Everything else */</h2>
+        <h3><a href="etc/">Etc../</a> /* Everything else */</h3>
     </li>
 </ul>
 <?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
\ No newline at end of file
diff --git a/style.css b/style.css
index f97579b..4f6e3fb 100644
--- a/style.css
+++ b/style.css
@@ -44,7 +44,8 @@ h1 {
     font-size: 28pt;
     font-weight: 600;
     color: var(--header);
-    padding: 50px 14px 15px 14px;
+    padding: 50px 50px 3px 50px;
+    margin: auto auto 0px auto;
 }
 
 p {
@@ -59,26 +60,34 @@ p {
 a {
     color: var(--secondary);
     font-family: 'Quicksand', sans-serif;
-    font-style: italic;
 }
 
 a:hover {
     color: var(--highlight);
 }
 
-ul h2 {
-    text-align: left;
-    text-indent: 25px;
+h3 {
+    text-align: center;
     font-family: 'Quicksand', sans-serif;
-    font-size: 16pt;
+    font-size: 14pt;
     font-weight: 600;
-    font-style: italic;
     color: var(--text);
-    padding: 15px 50px 15px 5px;
+    padding: 8px 50px 8px 50px;
+}
+
+h3.nav {
+    padding: 3px 50px 8px 50px;
+    margin: 0px auto auto auto;
+}
+
+ul h3 {
+    font-style: italic;
+    text-align: left;
+    text-indent: 25px;
+    padding: 8px 50px 8px 2px;
 }
 
-h2 a {
-    font-size: 100%;
+ul h3 a {
     font-style: italic;
 }
 
diff --git a/writing/index.php b/writing/index.php
index 7f6e165..08184d3 100644
--- a/writing/index.php
+++ b/writing/index.php
@@ -10,7 +10,7 @@ require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
 </p>
 <ul>
     <li>
-        <h2><a href="cryptography.php">Cryptography</a> /* Keep yourself safe */</h2>
+        <h3><a href="cryptography.php">Cryptography</a> /* Keep yourself safe */</h3>
     </li>
 </ul>
 <?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2