Separating content from layout

1 files changed, 21 insertions, 8 deletions

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'));
 }