2 files changed, 55 insertions, 0 deletions
diff --git a/src/js/ui/footer.js b/src/js/ui/footer.js
new file mode 100644
index 0000000..a639d94
--- /dev/null
+++ b/src/js/ui/footer.js
@@ -0,0 +1,41 @@
+var footer = {
+    element:"div",
+    id:"footer",
+    innerHTML:[
+        {
+            element:"div",
+            innerHTML:[
+                {element:"p", innerText:"Arching Kaos 2019-2024"},
+                {element:"a", target:"_blank", href:"https://github.com/arching-kaos/arching-kaos-tools", innerText:"Tools"},
+                {element:"a", target:"_blank", href:"https://arching-kaos.org", innerText:"Org"},
+                {element:"a", target:"_blank", href:"https://arching-kaos.net", innerText:"Net"},
+            ]
+        },
+        {
+            element:"span",
+            innerText:"::"
+        },
+
+        {
+            element:"div",
+            innerHTML:[
+                {element:"a", target:"_blank", href:"https://github.com/arching-kaos/arching-kaos-web-ui/issues/new/choose", innerText:"Report an issue"},
+            ]
+        },
+        {
+            element:"span",
+            innerText:"::"
+        },
+        {
+            element:"div",
+            innerHTML:[
+                {
+                    element:"p",
+                    innerHTML:"Fra <a target=\"_blank\" href=\"https://www.kaotisk-hund.com\">Kaotisk Hund</a> med kjærlighet. <a href=\"bitcoin:BC1QYL9K5KDLSLJAED9PZCJJX0CPGZVY9LWY427SD4\">Donate</a>"
+                }
+            ]
+        }
+    ]
+};
+
+makeElement(footer, document.querySelector('.footer'));
diff --git a/src/js/ui/mainLayout.js b/src/js/ui/mainLayout.js
new file mode 100644
index 0000000..f7adeae
--- /dev/null
+++ b/src/js/ui/mainLayout.js
@@ -0,0 +1,14 @@
+var scripts = [
+    {
+        element:"script",
+        src:"./js/ui/header.js"
+    },
+    {
+        element:"script",
+        src:"./js/ui/footer.js"
+    }
+]
+for ( var i = 0; i < scripts.length; i++ )
+{
+    makeElement(scripts[i], root.body);
+}