restrucutre folder ala hugo

assets/css/style.css

@@ -0,0 +1,77 @@
+/* ------------------------------------------------------------ */
+/* ------------------ General --------------------------------- */
+/* ------------------------------------------------------------ */
+body {
+  background: #000000;
+  color: #c0c0c0;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 14pt;
+  max-width: 800px;
+  margin: auto;
+}
+
+body h1 {
+  text-align: center;
+}
+/*
+main {
+  max-width: 800px;
+  margin: auto;
+}
+*/
+
+.dark-mode {
+  color: white;
+  background: black;
+}
+
+.light-mode {
+  color: black;
+  background: white;
+}
+
+a {
+  color: #10602a;
+  text-decoration: none;
+}
+
+/* ------------------------------------------------------------ */
+
+/* Header formatting */
+
+.header {
+  text-align: center;
+}
+/* ------------------------------------------------------------ */
+
+/* ------------------------------------------------------------ */
+
+/* Format lines*/
+hr {
+  border: 2px solid #c0c0c0;
+}
+
+/* ------------------------------------------------------------ */
+
+/* ------------------------------------------------------------ */
+
+/* Grid with base information */
+.contentBox {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  /*grid-auto-columns: minmax(10px, auto);*/
+}
+
+/* ------------------------------------------------------------ */
+
+/* Footer formatting */
+footer {
+  text-align: center;
+  clear: both;
+  /*color: white;
+  padding: 50px;
+  font-size: 10px;*/
+}
+
+/* ------------------------------------------------------------ */

assets/js/includeHTML.js

@@ -0,0 +1,29 @@
+<script>
+function includeHTML() {
+  var z, i, elmnt, file, xhttp;
+  /*loop through a collection of all HTML elements:*/
+  z = document.getElementsByTagName("*");
+  for (i = 0; i < z.length; i++) {
+    elmnt = z[i];
+    /*search for elements with a certain atrribute:*/
+    file = elmnt.getAttribute("w3-include-html");
+    if (file) {
+      /*make an HTTP request using the attribute value as the file name:*/x
+      xhttp = new XMLHttpRequest();
+      xhttp.onreadystatechange = function() {
+        if (this.readyState == 4) {
+          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
+          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
+          /*remove the attribute, and call this function once more:*/
+          elmnt.removeAttribute("w3-include-html");
+          includeHTML();
+        }
+      }
+      xhttp.open("GET", file, true);
+      xhttp.send();
+      /*exit the function:*/
+      return;
+    }
+  }
+};
+</script>