add nav

Signed-off-by: Sam Therapy <sam@samtherapy.net>

src/_data.toml

@@ -8,5 +8,17 @@ keywords = ["nothing"]
 robots = true
 generator = true
 
+[[menu.left]]
+name = "About"
+url = "/about"
+
+[[menu.left]]
+name = "Contact"
+url = "/contact"
+
+[[menu.right]]
+name = "Site"
+url = "/"
+
 [mergedKeys]
 metas = "object"

src/_includes/layouts/about.pug

@@ -1,9 +0,0 @@
----
-layout: "layouts/base.pug"
----
-
-.row
-	.column
-		| !{content}
-	.column
-		iframe(src="https://fedifeed.com/api/v1/feed?user=sam&instance=https%3A%2F%2Ffroth.zone&instance_type=&theme=pleroma&size=75&header=true&replies=true&boosts=true", title="Powered by Fedifeed", allowfullscreen, sandbox="allow-top-navigation allow-scripts" width="400",	height="600")

src/_includes/layouts/base.pug

@@ -3,6 +3,7 @@ html(lang=metas.lang)
   head
     title= title
     include meta.pug
+    include nav.pug
   body
     header
       h1= title

src/_includes/layouts/nav.pug

@@ -0,0 +1,9 @@
+nav
+  ul(class= "main-nav")
+    each val in menu.left
+      li
+        a(href=val.url)= val.name
+
+    each val in menu.right
+      li(class= "push")
+        a(href=val.url)= val.name

src/_includes/styles/base.scss

@@ -15,3 +15,17 @@
 .column {
   flex: 50%;
 }
+
+.main-nav {
+  display: flex;
+  list-style: none;
+  max-width: 75%;
+}
+
+nav li {
+  margin: 0.5em;
+}
+
+.push {
+  margin-left: auto;
+}