diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 242 |
1 files changed, 4 insertions, 238 deletions
diff --git a/src/index.html b/src/index.html index 3541763..b56f19e 100644 --- a/src/index.html +++ b/src/index.html @@ -20,251 +20,18 @@ </head> <body> <div class="page-layout"> - <div class="topbar"> - <div class="header"> - <a href="#/welcome-section" id="#/welcome-section" onclick="menusel(this)"><img src="./img/header-logo.png"></a> - <h1 style="text-align: center;">Arching Kaos</h1> - </div> - <button class="menu-clickable" id="mobile-menu" onclick="toggleMenu(this)">Show menu</button> - <nav id="double-floor" class=""> - <div id="menu" class="upper-floor"> - <button class="menu-clickable" id="#/welcome-section" onclick="menusel(this)">🏡 Home</button> - <button class="has-dropdown menu-clickable" id="modules-submenu-link" onclick="modulesSubToggle(this)">🔌 Modules</button> - <button class="has-dropdown menu-clickable" id="explore-submenu-link" onclick="exploreSubToggle(this)">🥽 Explore</button> - <button class="menu-clickable" id="#/chat-section" onclick="menusel(this)">✍️ Chat</button> - <button class="menu-clickable" id="#/radio-section" onclick="menusel(this)">Radio</button> - <button class="menu-clickable" id="#/settings-section" onclick="menusel(this)">🔧 Settings</button> - <button class="has-dropdown menu-clickable" id="#/stellar-section" onclick="stellarSubToggle(this)"> - <img style="width: 13px; height: 13px;" src="./img/stellar.svg"/> - Stellar</button> - <button class="menu-clickable" id="#/about-section" onclick="menusel(this)">About</button> - </div> - <div id="menu" class="lower-floor"> - <div class="dropdown" id="modules-submenu"> - <button class="menu-clickable" onclick="modulesSubToggle(this)">..</button> - <button class="menu-clickable" id="#/mixtapes-section" onclick="menusel(this)">Mixtapes</button> - <button class="menu-clickable" id="#/news-section" onclick="menusel(this)">News</button> - <button class="menu-clickable" id="#/comments-section" onclick="menusel(this)">Comments</button> - <button class="menu-clickable" id="#/files-section" onclick="menusel(this)">Files</button> - </div> - <div class="dropdown" id="explore-submenu"> - <button class="menu-clickable" onclick="exploreSubToggle(this)">..</button> - <button class="menu-clickable" id="#/zchain-data-section" onclick="menusel(this)">zchain</button> - <button class="menu-clickable" id="#/stats-section" onclick="menusel(this)">Stats</button> - </div> - <div class="dropdown" id="stellar-submenu"> - <button class="menu-clickable" onclick="stellarSubToggle(this)">..</button> - <button class="menu-clickable" id="#/mypage-section" onclick="menusel(this)">My page</button> - <button class="menu-clickable" id="#/stellar-balances" onclick="menusel(this)">Balances</button> - <button class="menu-clickable" id="#/stellar-data-config" onclick="menusel(this)">Data</button> - <button class="menu-clickable" id="#/arching-kaos-node-info" onclick="menusel(this)">Node Info</button> - </div> - </div> - </nav> - <!-- <audio id="radio-player" controls autoplay hidden></audio> --> - <div hidden> - <span>Radio</span> - <button id="radio-button-controller" class="menu-clickable" onclick="radioToggle();">Loading...</button> - </div> + <div id="topbar" class="topbar"> + <div id="logo-title-placeholder"></div> + <div id="menu-placeholder"></div> </div> <div class="main"> - <div id="welcome-section"> - <h2>🏡 Home</h2> - <p>Welcome to Arching Kaos project.</p> - <div id="home-grid"> - <button class="menu-clickable" id="#/mixtapes-section" onclick="menusel(this)" style="background-image: url(img/mixtapes-logo.png); background-repeat: round;"></button> - <button class="menu-clickable" id="#/news-section" onclick="menusel(this)" style="background-image: url(img/news-logo.png); background-repeat: round;"></button> - <button class="menu-clickable" id="#/chat-section" onclick="menusel(this)" style="background-image: url(img/chat-logo.png); background-repeat: round;"></button> - <button class="menu-clickable" id="#/radio-section" onclick="menusel(this)" style="background-image: url(img/radio-logo.png); background-repeat: round; background-size: cover;"></button> - <button class="menu-clickable" id="#/stats-section" onclick="menusel(this)">Stats</button> - </div> - <h3>Render explicit zblock</h3> - <div style=" - padding: 1vh 1vw; - display: flex; - flex-direction: row; - align-items: center; - gap: 10px;" - > - <input id="search-field" type="text" name="search" placeholder="Enter a zblock hash"/> - <button onclick="seekZblock(this.parentElement.querySelector('#search-field').value, ['search', false])">Render</button> - </div> - <div class="results-area"> - <h3>Results</h3> - </div> - <h3>Manual scan</h3> - <div style=" - display: flex; - flex-direction: row; - justify-content: start; - align-items: center; - flex-wrap: wrap; - gap: 5px;" - > - <button onclick="scanStellarNetworkForPeers()">Check Stellar Network</button> - <button onclick="checkLocalNodeInfo()">Check local Node</button> - <button onclick="checkLocalPeers()">Check local Peers</button> - <button onclick="checkLocalSchain()">Check Local Schain</button> - </div> - <div class="dialog"> - <h3>Progress</h3> - <progress id="total-progress"></progress> - <progress id="http-progress"></progress> - <pre id="current-log-message"></pre> - </div> - <div> - <details id="logs-area"> - <summary>Logs (click to expand)</summary> - <div id="logs-area-element"> - </div> - </details> - </div> - </div> - <div id="about-section"> - <h2>ℹ️ About</h2> - <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> - </div> - <div id="stellar-balances"> - <h2>Balances</h2> - <em id="stellar-balances-not-found">No data found (yet?)!</em> - <table id="stellar-balances-table"></table> - </div> - <div id="stellar-data-config"> - <h2>Data</h2> - <em id="stellar-data-config-not-found">No data found (yet?)!</em> - </div> - <div id="arching-kaos-node-info"> - <h2>Node Info</h2> - <em id="node-info-not-found">No data found (yet?)!</em> - </div> - <div id="stellar-section"> - <h2>Stellar dashboard</h2> - <button class="sub-input" id="stellar-freigher-connect-address-button" onclick="connect()" >Connect with Stellar address</button> - </div> - <div id="mypage-section"> - <h2>My page</h2> - <button id="stellar-freigher-connect-address-button" onclick="connect()">Connect with Freighter wallet</button> - <div id="my-news"> - <h3>My news</h3> - <em id="my-news-sec-not-found">No data found (yet?)!</em> - </div> - <div id="my-mixtapes"> - <h3>My mixtapes</h3> - <em id="my-mixtapes-sec-not-found">No data found (yet?)!</em> - </div> - <div id="my-zchain"> - <h3>My zchain</h3> - <em id="my-zchain-sec-not-found">No data found (yet?)!</em> - </div> - </div> - <div id="zchain-data-section"> - <h2>zchains</h2> - <em id="zchain-data-sec-not-found">No data found (yet?)!</em> - </div> - <div id="news-section"> - <h2>News</h2> - <em id="news-sec-not-found">No data found (yet?)!</em> - </div> - <div id="comments-section"> - <h2>Comments</h2> - <em id="comments-sec-not-found">No data found (yet?)!</em> - </div> - <div id="mixtapes-section"> - <h2>Mixtapes</h2> - <em id="mixtapes-sec-not-found">No data found (yet?)!</em> - </div> - <div id="files-section"> - <h2>Files</h2> - <em id="files-sec-not-found">No data found (yet?)!</em> - </div> - <div id="settings-section"> - <h2>🔧 Settings</h2> - </div> - <div id="chat-section" style="height: 100%;"> - <button style="position: fixed;" onclick="refreshChat()">Refresh</button> - <iframe id="chat-iframe" src="https://irc.arching-kaos.net" style="width: 100%; height: 100%;"></iframe> - </div> - <div id="radio-section" style="height: 100%;"> - <button style="position: fixed;" onclick="refreshRadio()">Refresh</button> - <iframe id="radio-iframe" src="https://radio.arching-kaos.com" style="width: 100%; height: 100%;"></iframe> - </div> - <div id="stats-section"> - <h2>Stats</h2> - <div class="available-networks"> - <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> - </div> - </div> - <div id="not-found-section"> - <h2>Not found</h2> - <p>"Soft" 404</p> - <p>Please select an entry from the menu</p> - </div> </div> <div class="footer"> - <div> - <p> - Arching Kaos - <a target="_blank" href="https://github.com/arching-kaos/arching-kaos-tools">Tools</a>, - <a target="_blank" href="https://arching-kaos.org">Org</a>, - <a target="_blank" href="https://arching-kaos.net">Net</a> - </p> - </div> - <span>::</span> - <div> - <p> - <a target="_blank" href="https://github.com/arching-kaos/arching-kaos-web-ui/issues/new/choose">Report an issue</a> - </p> - </div> - <span>::</span> - <div> - <p> - Fra <a target="_blank" href="https://www.kaotisk-hund.com">Kaotisk Hund</a> med kjærlighet. - <a href="bitcoin:BC1QYL9K5KDLSLJAED9PZCJJX0CPGZVY9LWY427SD4">Donate</a> - </p> - </div> </div> </div> <script src="./external/stellarSdk.js"></script> <script src="./external/purify.min.js"></script> - <script src="./js/environment-setup.js"></script> - <script src="./js/arching-kaos-web-ui-settings.js"></script> - <script src="./js/url-generators.js"></script> - <script src="./js/arching-kaos-fetch.js"></script> - <script src="./js/arching-kaos-log.js"></script> - <script src="./js/menu-magic.js"></script> - <script src="./js/arching-kaos-spa-router.js"></script> - <script src="./js/arching-kaos-modules-files.js"></script> - <script src="./js/arching-kaos-modules-news.js"></script> - <script src="./js/arching-kaos-modules-mixtapes.js"></script> - <script src="./js/arching-kaos-modules-references.js"></script> - <script src="./js/arching-kaos-modules-comments.js"></script> - <script src="./js/arching-kaos-tools.js"></script> - <script src="./js/arching-kaos-stellar-network.js"></script> - <script src="./js/arching-kaos-decentralized-radio.js"></script> - <script src="./js/arching-kaos-generator.js"></script> - <script src="./js/utils.js"></script> - <script src="./js/app.js"></script> + <script type="module" src="./js/app.js"></script> </body> <!-- <script> @@ -280,5 +47,4 @@ </script> --> </html> - <!-- vim: tabstop=4 shiftwidth=4 expandtab softtabstop=4 |