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/aboutSection.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

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

diff --git a/src/js/ui/sections/aboutSection.js b/src/js/ui/sections/aboutSection.js
index 902783d..6a01c44 100644
--- a/src/js/ui/sections/aboutSection.js
+++ b/src/js/ui/sections/aboutSection.js
@@ -18,12 +18,11 @@ export function aboutSection()
             { element: "h2", innerText:"About"}
         ]
     };
-    var aboutSection = {
+
+    var content = {
         element: "div",
-        hidden: true,
-        id:"about-section",
+        className: "content",
         innerHTML: [
-            whereAmI,
             { 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"'},
@@ -37,7 +36,17 @@ export function aboutSection()
                 { 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'));
-- 
cgit v1.2.3