diff options
author | kaotisk <kaotisk@arching-kaos.org> | 2024-11-30 00:33:20 +0200 |
---|---|---|
committer | kaotisk <kaotisk@arching-kaos.org> | 2024-11-30 00:33:20 +0200 |
commit | dcc6f35266de1f56d7e9536311f0ff56b57c0fdc (patch) | |
tree | 748932c6fc1c0558dd6e36fff69c2bc1eafc84a0 /src/js/ui/sections/aboutSection.js | |
parent | 6fda741ab062decc2351a3707c7a57cdcf25a18b (diff) | |
download | arching-kaos-web-ui-dcc6f35266de1f56d7e9536311f0ff56b57c0fdc.tar.gz arching-kaos-web-ui-dcc6f35266de1f56d7e9536311f0ff56b57c0fdc.tar.bz2 arching-kaos-web-ui-dcc6f35266de1f56d7e9536311f0ff56b57c0fdc.zip |
More refactoring and fixing a bug on spa-router
Diffstat (limited to 'src/js/ui/sections/aboutSection.js')
-rw-r--r-- | src/js/ui/sections/aboutSection.js | 55 |
1 files changed, 29 insertions, 26 deletions
diff --git a/src/js/ui/sections/aboutSection.js b/src/js/ui/sections/aboutSection.js index 933b6aa..3a11a43 100644 --- a/src/js/ui/sections/aboutSection.js +++ b/src/js/ui/sections/aboutSection.js @@ -1,29 +1,32 @@ import { makeElement } from "../../arching-kaos-generator.js"; -var aboutSection = { - element: "div", - hidden: true, - id:"about-section", - innerHTML: ` - <div class="where-am-i"> - <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/> - <span>></span> - <h2>About</h2> - </div> - <p>Arching Kaos is a project about radio, music, communications and decentralization.</p> - <p>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).</p> - <p>You can see the zchains appearing in "zchain" and logs of the process on "Logs"</p> - <p>Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet but possible.</p> - <p>Furthermore, if you are using Freighter extension you can additionally see:</p> - <ol> - <li>Your balances on your wallet</li> - <li>Your configuration IPNS address (if any)</li> - <li>Your Arching Kaos configuration (if any)</li> - <li>Your zchain (...)</li> - <li>Your posted newsfeed (...)</li> - </ol> - <p>Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.</p> - ` -}; +export function aboutSection() +{ + var aboutSection = { + element: "div", + hidden: true, + id:"about-section", + innerHTML: ` + <div class="where-am-i"> + <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/> + <span>></span> + <h2>About</h2> + </div> + <p>Arching Kaos is a project about radio, music, communications and decentralization.</p> + <p>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).</p> + <p>You can see the zchains appearing in "zchain" and logs of the process on "Logs"</p> + <p>Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet but possible.</p> + <p>Furthermore, if you are using Freighter extension you can additionally see:</p> + <ol> + <li>Your balances on your wallet</li> + <li>Your configuration IPNS address (if any)</li> + <li>Your Arching Kaos configuration (if any)</li> + <li>Your zchain (...)</li> + <li>Your posted newsfeed (...)</li> + </ol> + <p>Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.</p> + ` + }; -makeElement(aboutSection, document.querySelector('.main')); + makeElement(aboutSection, document.querySelector('.main')); +} |