From 2cd1f36b60e191a0e3cdc1117f552c6dd5d4fcc7 Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Sat, 30 Nov 2024 16:13:00 +0200
Subject: create navigation header for all pages

---
 src/js/ui/sections/akNodeInfoSection.js | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

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

diff --git a/src/js/ui/sections/akNodeInfoSection.js b/src/js/ui/sections/akNodeInfoSection.js
index e6f82ac..88e77ed 100644
--- a/src/js/ui/sections/akNodeInfoSection.js
+++ b/src/js/ui/sections/akNodeInfoSection.js
@@ -9,15 +9,26 @@ import { makeElement } from "../../arching-kaos-generator.js";
 
 export function akNodeInfoSection()
 {
+    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:"Stellar"},
+            { element: "span", innerText:">"},
+            { element: "h2", innerText: "Balances" }
+        ]
+    };
     var akNodeInfoSection = {
         element: "div",
         id: "arching-kaos-node-info",
-        innerHTML: `
-        <h2>Node Info</h2>
-        <em id="node-info-not-found">No data found (yet?)!</em>
-    `
+        innerHTML: [
+            whereAmI,
+            { element: "h2", innerText:"Node Info" },
+            { element: "em", id:"node-info-not-found", innerText:"No data found (yet?)!"}
+        ]
     };
-
     makeElement(akNodeInfoSection, document.querySelector('.main'));
 }
 // @license-end
-- 
cgit v1.2.3