1 files changed, 54 insertions, 0 deletions
diff --git a/src/js/ui/sections/aboutSection.js b/src/js/ui/sections/aboutSection.js
new file mode 100644
index 0000000..6a01c44
--- /dev/null
+++ b/src/js/ui/sections/aboutSection.js
@@ -0,0 +1,54 @@
+// Arching Kaos About Section
+//
+//  Kaotisk Hund - 2024
+//
+// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL v3.0
+//
+
+import { makeElement } from "../../arching-kaos-generator.js";
+
+export function aboutSection()
+{
+    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:"About"}
+        ]
+    };
+
+    var content = {
+        element: "div",
+        className: "content",
+        innerHTML: [
+            { element: "p", innerText:"Arching Kaos is a project about radio, music, communications and decentralization."},
+            { element: "p", innerText:'On site, you can listen to the latest mixes of music (menu entry "Mixtapes"), read latest news ("News") of the network and chat (you guessed it, "Chat" menu entry).'},
+            { element: "p", innerText:'You can see the zchains appearing in "zchain" and logs of the process on "Logs"'},
+            { element: "p", innerText:"Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet but possible."},
+            { element: "p", innerText:"Furthermore, if you are using Freighter extension you can additionally see:"},
+            { element: "ol", innerHTML: [
+                { element:"li", innerText:"Your balances on your wallet"},
+                { element:"li", innerText:"Your configuration IPNS address (if any)"},
+                { element:"li", innerText:"Your Arching Kaos configuration (if any)"},
+                { element:"li", innerText:"Your zchain (...)"},
+                { element:"li", innerText:"Your posted newsfeed (...)"}
+            ]},
+            { element:"p", innerText:"Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin."}
+        ]
+    };
+
+    var aboutSection = {
+        element: "div",
+        hidden: true,
+        id:"about-section",
+        innerHTML: [
+            whereAmI,
+            content
+        ]
+    };
+
+    makeElement(aboutSection, document.querySelector('.main'));
+}
+// @license-end