From 084e3ce6efc49c2d43ce9b44d96e430f8057848e Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Fri, 29 Nov 2024 16:18:35 +0200
Subject: Visual improvements

---
 src/js/ui/sections/statsSection.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/js/ui/sections/statsSection.js

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

diff --git a/src/js/ui/sections/statsSection.js b/src/js/ui/sections/statsSection.js
new file mode 100644
index 0000000..1f2ede2
--- /dev/null
+++ b/src/js/ui/sections/statsSection.js
@@ -0,0 +1,29 @@
+import { makeElement } from "../../arching-kaos-generator.js";
+
+var statsSection = {
+    element: 'div',
+    id: "stats-section",
+    innerHTML: [
+        { element: "div", className: "where-am-i", innerHTML: `
+            <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/>
+            <span>&gt;</span>
+            <h2>Explore</h2>
+            <span>&gt;</span>
+            <h2>Stats</h2>
+        `},
+        { element: "div", className: "available-networks", innerHTML: `
+            <h3>Networks</h3>
+            <details class="stellar-network">
+                <summary>Stellar</summary>
+            </details>
+            <details class="aknet-network">
+                <summary>Arching Kaos Experimental Instance</summary>
+            </details>
+            <details class="aknet-sblocks">
+                <summary>Arching Kaos SBlocks</summary>
+            </details>
+        `}
+    ]
+};
+
+makeElement(statsSection, document.querySelector('.main'));
-- 
cgit v1.2.3