md2html setup & first doc page

website/css/docs/navstyle.css

@@ -0,0 +1,37 @@
+.nav-container {
+    background-color: blue;
+    width: 100%;
+    height: 100vh;
+}
+
+.nav-list {
+    display: flex;
+    flex-direction: column;
+    overflow: scroll;
+}
+
+.navitem {
+    text-decoration: none;
+    color: white;
+    padding: 5%;
+    width: 90%;
+    background-color: rgb(22, 22, 117);
+    font-size: 1rem;
+}
+
+.navitem:hover {
+    background-color: black;
+}
+
+.nav-subitem {
+    text-decoration: none;
+    color: white;
+    padding: 5%;
+    padding-left: 25%;
+    font-size: 0.8rem;
+    width: 70%;
+    background-color: rgb(27, 27, 165);
+}
+.nav-subitem:hover {
+    background-color: rgb(43, 43, 43);
+}

website/css/docs/style.css

@@ -0,0 +1,52 @@
+/*
+*
+*   impress.js - documentation stylesheet
+*
+*       Created 2023 by Janis Hutz
+*
+*/
+
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    font-size: calc(16pt + 0.4vw);
+    font-family: sans-serif;
+}
+
+.content {
+    background-color: rgb(255, 255, 255);
+    color: black;
+    display: grid;
+    grid-template-areas:
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu main main main main'
+        'menu footer footer footer footer';
+}
+
+.darkMode {
+    background-color: rgb(46, 46, 46);
+    color: white
+}
+
+#nav {
+    grid-area: menu;
+    width: 90%;
+    height: 100%;
+}
+
+#docPage {
+    grid-area: main;
+    overflow: scroll;
+}
+
+#footer {
+    grid-area: footer;
+}