From ad0f59fbc2dea546d1e33e2f4ee515827e698eed Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Tue, 3 Dec 2024 12:15:31 +0200
Subject: Separating content from layout

---
 src/js/ui/sections/notFoundSection.js | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

(limited to 'src/js/ui/sections/notFoundSection.js')

diff --git a/src/js/ui/sections/notFoundSection.js b/src/js/ui/sections/notFoundSection.js
index 3e3d000..46fc421 100644
--- a/src/js/ui/sections/notFoundSection.js
+++ b/src/js/ui/sections/notFoundSection.js
@@ -9,15 +9,19 @@ import { makeElement } from "../../arching-kaos-generator.js";
 
 export function notFoundSection()
 {
-    var notFoundSection = {
-        element: 'div',
-        id: 'not-found-section',
-        hidden: true,
+    var whereAmI = {
+        element: "div",
+        className: "where-am-i",
+        innerHTML: [
+            { element: "img", src:"./img/logo.png", onclick:"menusel({id:'#/welcome-section'})"},
+            { element: "span", innerText:">"},
+            { element: "h2", innerText:"Not found"}
+        ]
+    };
+    var content = {
+        element: "div",
+        className: "content",
         innerHTML: [
-            {
-                element: 'h2',
-                innerText: 'Not found'
-            },
             {
                 element: 'p',
                 innerText: 'Soft 404'
@@ -28,6 +32,15 @@ export function notFoundSection()
             }
         ]
     };
+    var notFoundSection = {
+        element: 'div',
+        id: 'not-found-section',
+        hidden: true,
+        innerHTML: [
+            whereAmI,
+            content
+        ]
+    };
 
     makeElement(notFoundSection, document.querySelector('.main'));
 }
-- 
cgit v1.2.3