aboutsummaryrefslogtreecommitdiff
path: root/src/index.html
blob: 085e082d2418bbb67dff63b9a9e115a8542f2175 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Arching Kaos</title>
        <link rel="stylesheet" type="text/css" href="./css/style-layer-1.css">
        <link rel="stylesheet" type="text/css" href="./css/style-layer-2.css">
        <link rel="stylesheet" type="text/css" href="./css/akn.css">
        <style type="text/css">
        </style>
        <link rel="icon" href="./img/logo.png" sizes="32x32">
        <link rel="icon" href="./img/logo.png" sizes="192x192">
        <link rel="apple-touch-icon" href="./img/logo.png">
        <meta name="msapplication-TileImage" content="./img/logo.png">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/stellar-freighter-api/1.1.2/index.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    </head>
    <body>
        <p class="hsm" onclick="hsm()">Hide menu</p>
        <div class="sidebar">
            <div class="header">
                <img src="./img/header-logo.png">
                <h1 style="text-align: center;">Arching Kaos</h1>
            </div>
            <div class="options-menu" style="display:none;">
                    <select>
                            <option value="ARCHINGKAOS">ARCHINGKAOS</option>
                            <option value="KAOTISKHUND" disabled>KAOTISKHUND</option>
                    </select>
                    <select>
                            <option value="archingkaos">ipfs.arching-kaos.com</option>
                            <option value="ipfsio" disabled>ipfs.io</option>
                            <option value="localhost" disabled>localhost</option>
                    </select>
            </div>
            <hr>
            <div id="menu" class="linkin">
                <a href="#welcome-section" onclick="menusel(this)">Home</a>
                <a href="#mixtapes-section" onclick="menusel(this)">Mixtapes</a>
                <a href="#news-section" onclick="menusel(this)">News</a>
                <a href="#files-section" onclick="menusel(this)">Files</a>
                <a href="#zchain-data-section" onclick="menusel(this)">zchain</a>
                <a href="#stats-section" onclick="menusel(this)">Stats</a>
                <a href="#chat-section" onclick="menusel(this)">Chat</a>
                <a href="#about-section" onclick="menusel(this)">About</a>
                <a href="#loading-status" onclick="menusel(this)">Logs</a>
            </div>
        </div>
        <div id="stellar-freigher-connect-address" onmouseenter="showStellar()" onmouseleave="hideStellar()"> 
            <button class="sub-input" id="stellar-freigher-connect-address-button" onclick="connect()" >Connect with Stellar address</button>
            <div id="stellar-related-dropdown" class="linkin">
                <div id="menu">
                    <span id="mypage-section-link"><a href="#mypage-section" onclick="menusel(this)">My page</a>  </span>
                    <span id="stellar-balances-link"><a href="#stellar-balances" onclick="menusel(this)">Balances</a>  </span>
                    <span id="stellar-data-config-link"><a href="#stellar-data-config" onclick="menusel(this)">Data</a>  </span>
                    <span id="arching-kaos-id-link"><a href="#arching-kaos-id" onclick="menusel(this)">AKID</a>  </span>
                </div>
            </div>
        </div>
        <div class="main">
            <div id="welcome-section">
                <h2>Welcome!!!</h2>
                <p>This is the application page of Arching Kaos project.</p>
                <p>Please wait for your web browser to find the content!</p>
                <p>Loading ...</p>
                <progress id="total-progress"></progress>
                <pre id="logtext"></pre>
                <em>* When you see "Reached genesis link..." it means that a zchain was properly loaded in the page.</em>
            </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-id">
                <h2>AKID</h2>
                <em id="akid-not-found">No data found (yet?)!</em>
            </div>
            <div id="mypage-section">
                <h2>My page</h2>
                <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="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="chat-section">
                <h2>Chat</h2>
                <iframe src="https://irc.arching-kaos.com" style="width: -webkit-fill-available; width: -moz-available; height: 80vh;"></iframe>
            </div>
            <div id="stats-section">
                <h2>Stats</h2>
            </div>
            <div id="loading-status">
                <h2>Logs</h2>
            </div>
        </div>
        <div class="footer">
            <hr>
            Arching Kaos <a target="_blank" href="https://git.kaotisk-hund.com/arching-kaos-tools/.git">Tools</a>, <a target="_blank" href="https://arching-kaos.org">Org</a>, <a target="_blank" href="https://arching-kaos.net">Net</a> |
            <a target="_blank" href="https://github.com/arching-kaos/arching-kaos-web-ui/issues/new/choose">Report an issue</a> | Powered by <a target="_blank" href="https://www.kaotisk-hund.com">Kaotisk Hund</a>.
        </div>
    </body>
    <script src="//cdnjs.cloudflare.com/ajax/libs/stellar-sdk/10.0.1/stellar-sdk.js"></script>
    <script src="./js/app.js"></script>
</html>

<!-- vim: tabstop=4 shiftwidth=4 expandtab softtabstop=4