Add nav

src/static/css/main.css

@@ -1,18 +1,24 @@
 @import "../fonts/inter/inter.css";
 
 *, *::before, *::after {
-	box-sizing: content-box;
+	box-sizing: border-box;
 }
 
 :root {
 	--brand: #66cc00;
 	
 	--text: #000000de;
+	--text-00: #ffffffde;
+
+	--bg-00: #000000;
+
+	--link: #0066ffde;
 }
 
 body {
 	font-family: "Inter var", "Inter", sans-serif;
 	color: var(--text);
+	margin: 0;
 }
 
 h1, h2, h3 {font-weight: 250}
@@ -28,3 +34,39 @@ h5 {font-size: 1rem}
 h6 {font-size: .8rem}
 
 p {font-weight: 350}
+a {
+	color: var(--link);
+	text-decoration: none;
+}
+a:hover {text-decoration: underline;}
+
+.logo {
+	border-radius: 50%;
+}
+
+nav {
+	position: sticky;
+	top: 0;
+	height: 4rem;
+	line-height: 2rem;
+	padding: 1rem;
+	width: 100%;
+	background: var(--bg-00);
+	color: var(--text-00);
+}
+nav > * {
+	margin-right: 1rem;
+	height: 2rem;
+	display: inline-block;
+	vertical-align: middle;
+}
+nav a {
+	color: inherit;
+}
+nav a.active {
+	font-weight: 550;
+}
+nav .logo {
+	height: 2rem;
+	border: .1rem solid white;
+}

src/static/svg/logo.svg

@@ -0,0 +1,15 @@
+<svg version="1.1"
+	width="100"
+	height="100"
+	xmlns="http://www.w3.org/2000/svg">
+
+	<path fill="#8ac149" stroke="#8ac149" stroke-width="2" d="M 60 40
+		Q 80 45 75 55 
+		Q 75 50 55 50"/>
+	<path fill="white" stroke="white" stroke-width="2" d="M 10,100
+		v -50
+		a 25 25 0 0 1 25 -25
+		c 10 0 20 12 25 15
+		l -5 10
+		C 30 50 40 55 45 100"/>
+</svg>