Navbar working.

2 files changed, 57 insertions, 9 deletions

diff --git a/md/53hor.net/include/nav.inc b/md/53hor.net/include/nav.inc
index 5150512..1022fc5 100644
--- a/md/53hor.net/include/nav.inc
+++ b/md/53hor.net/include/nav.inc
@@ -1,4 +1,9 @@
 <nav id="topnav">
-<p>the topnav test</p>
-
+<ul>
+  <li><a href="/">Home</a></li>
+  <li><a href="/db">Database</a></li>
+  <li><a href="http://youtube.com/my53hornet">YouTube</a></li>
+  <li><a href="/journal">Journal</a></li>
+  <li><a href="/contact">Contact</a></li>
+</ul>
 </nav>
diff --git a/md/53hor.net/include/styles.css b/md/53hor.net/include/styles.css
index 3222b01..f7322a7 100644
--- a/md/53hor.net/include/styles.css
+++ b/md/53hor.net/include/styles.css
@@ -1,32 +1,75 @@
+/* stylesheet for 53hor.net */
+
+:root {
+  /* custom colors */
+  --balboa:#1a5a72;
+}
+
 #TOC {
   position: fixed;
+  width: 25%;
+  height: 100%;
 }
 
 #TOC ul {
+  list-style-type: disc;
+  color: var(--balboa);
+  overflow: hidden;
+  padding-left: 1em;
+}
+
+#TOC li a {
+  text-decoration: none;
+  display: block;
+  color: black;
+}
+
+#topnav {
+
+}
+
+#topnav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
-  width: 25%;
+  overflow: hidden;
   position: fixed;
-  height: 100%;
-  overflow: auto;
+  top: 0;
+  width: 100%;
+  background-color: var(--balboa);
 }
 
-#TOC li a {
+#topnav li {
+  float: left;
+  padding: 0;
+}
+
+#topnav li a {
   display: block;
+  text-align: center;
   padding: 1em 1em;
   text-decoration: none;
+  color: white;
 }
 
-#topnav {
-  display: inline-block;
-
+#topnav li a:hover {
+  color: var(--balboa);
+  background-color: white;
 }
 
 article {
   margin-left: 25%;
+  margin-top: 4em;
 }
 
 body {
   padding: 0;
+  margin: 0;
+}
+
+p {
+  font-size: 0.8em;
+  font-weight 400;
+  text-align: justify;
+  text-indent: 1em;
 }