From 7654bcc6be740276477eb2f2d6d8d90c4a63ff83 Mon Sep 17 00:00:00 2001
From: 53hornet <53hornet@gmail.com>
Date: Fri, 13 Jul 2018 18:03:47 -0400
Subject: Navbar working.

---
 makefile                        |  2 +-
 md/53hor.net/include/nav.inc    |  9 +++++--
 md/53hor.net/include/styles.css | 57 ++++++++++++++++++++++++++++++++++++-----
 notes.txt                       |  6 -----
 4 files changed, 58 insertions(+), 16 deletions(-)
 delete mode 100644 notes.txt

diff --git a/makefile b/makefile
index b9c25a9..fac7346 100644
--- a/makefile
+++ b/makefile
@@ -14,7 +14,7 @@ all: css 53hor.net atc.53hor.net
 html/53hor.net/%.html: md/53hor.net/%.md md/53hor.net/include/nav.inc
 	@echo   "53hor.net: $< -> $@"
 	@mkdir -p "$(@D)"
-	@pandoc "$<" -f markdown -t html5 -s --toc --toc-depth=2 -B md/53hor.net/include/nav.inc -c /include/styles.css -o "$@"
+	@pandoc "$<" -f markdown -t html5 -s --toc --toc-depth=3 -B md/53hor.net/include/nav.inc -c /include/styles.css -o "$@"
 
 .PHONY: atc.53hor.net
 atc.53hor.net: $(ATC_HTML)
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;
 }
diff --git a/notes.txt b/notes.txt
deleted file mode 100644
index f28fd5f..0000000
--- a/notes.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-Now I need to specify the different makes for each of the sites; so inside the
-master makefile just have three different builds that are built with all, one for each dir. Then
-inside each of those builds include the .css and .nav dedicated to that site
-(the files for which are always stored in /include/.
-
-Need to copy any files that aren't MD into the html directory as they are.
-- 
cgit v1.2.3