From 88b8b5e68a41d1f3c6c4d548452a29941db09828 Mon Sep 17 00:00:00 2001 From: kaotisk Date: Wed, 9 Nov 2022 22:55:06 +0200 Subject: Pre separation with tons of updates --- src/css/akn.css | 124 ++++++++ src/index.html | 892 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/js/app.js | 771 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 1787 insertions(+) create mode 100644 src/css/akn.css create mode 100644 src/index.html create mode 100644 src/js/app.js (limited to 'src') diff --git a/src/css/akn.css b/src/css/akn.css new file mode 100644 index 0000000..e1ead05 --- /dev/null +++ b/src/css/akn.css @@ -0,0 +1,124 @@ +pre { white-space: pre-wrap; } +#stellar-freigher-connect-address { + position: fixed; + top: 0; + right: 7vw; + z-index: 998; + padding: 0.5vh 1vw; + font-size: 0.9rem; +} +#stats-section div { + border: #1c241c 2px solid; + color: #ff1e1e; + padding: 2px; + width: fit-content; + margin: 0; +} +#progress { + word-wrap: break-word; +} +select { + border: 1px solid; + background-color: #1a1a1a; + color: #7ef07e; +} +article { + border: 2px solid #672178; + padding: 24px; +} +.sidebar{ + position: fixed; + top: 0; + left: 0; + bottom: 0; + float: left; + max-width: 25vw; + padding-right: 1vw; + padding-left: 1vw; + padding-top: 1vh; + padding-bottom: 1vh; +} + +.main{ + position: absolute; + top: 0; + right: 2vw; + left: 27vw; + max-width: 86vw; + width: auto; + padding-left: 2vw; + padding-right: 2vw; + padding-top: 1vh; + padding-bottom: 1vh; + overflow-y: auto; + max-height: 89vh; +} +@font-face { + font-family: 'terminessttf_nerd_font_monoMd'; + src: url('https://ipfs.arching-kaos.com/ipfs/QmTiFZ9BjPGaoz5FEqsy5FJcVNRXrknsGkLPQXca6fb8Hz?filename=terminess_ttf_nerd_font_complete_mono-webfont.woff2') format('woff2'), + url('https://ipfs.arching-kaos.com/ipfs/QmeTV8JiVLdYw4Jt1gDngH2P6dZXkDucNKaruSMMAMkMhq?filename=terminess_ttf_nerd_font_complete_mono-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; +} +body { + position: relative; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding: 0; + margin: 0; + display: block; + font-family: 'terminessttf_nerd_font_monoMd'; +} +.footer { + position: fixed; + height: 8vh; + bottom: 0; + background: #1c241c; + width: -moz-available; + width: -webkit-fill-available; +} +.header img { + max-width: 15vw; + width: -moz-available; + width: -webkit-fill-available; +} +h1 { + font-size: large; +} +#menu { + padding: 2px; +} +#menu a { + display: flex; +} +#menu a { + display: flex; + background: #1c241c; + border: 1px solid #17392e; + padding: 1px; + margin: 1px; +} +#menu a:hover { + background: #008033; +} +div { + padding: 0; +} +.hsm { + z-index: 999; + position: fixed; + text-decoration-line: overline; + background: #1c241c; + border: 1px solid #1c241c; + box-shadow: 2px 2px #2c223c; + top: 0px; + text-shadow: 1px 2px #461551; + right: 1vw; +} +audio { + width: -webkit-fill-available; + width: -moz-available; +} + diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..13637fa --- /dev/null +++ b/src/index.html @@ -0,0 +1,892 @@ + + + + + Arching Kaos + + + + + + + + + + + + + +

Hide menu

+
+
+ +

Arching Kaos

+
+ +
+ +
+
+ + +
+
+
+

Welcome!!!

+

This is the application page of Arching Kaos project.

+

Please wait for your web browser to find the content!

+

Loading ...

+ + 

+        * When you see "Reached genesis link..." it means that a zchain was properly loaded in the page.
+    

+    

+        
About

+        
Arching Kaos is a project about radio, music, communications and decentralization.

+        
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).

+        
You can see the zchains appearing in "zchain" and logs of the process on "Logs"

+        
Note that to participate you will need to set up your Arching Kaos set, which is not so convinient yet but possible.

+        
Furthermore, if you are using Freighter extension you can additionally see:

+        
    
+            
  1. Your balances on your wallet
    2. 
+            
  2. Your configuration IPNS address (if any)
    3. 
+            
  3. Your Arching Kaos configuration (if any)
    4. 
+            
  4. Your zchain (...)
    5. 
+            
  5. Your posted newsfeed (...)
    6. 
+        

+        
Finally, on the stats page you can find people that are participating over the Stellar Network, using the ARCHINGKAOS token/asset/coin.

+    

+    
Balances
No data found (yet?)!

+    
Data
No data found (yet?)!

+    
AKID
No data found (yet?)!

+    

+        
My page

+        
My news
No data found (yet?)!

+        
My mixtapes
No data found (yet?)!

+        
My zchain
No data found (yet?)!

+    

+    
zchains
No data found (yet?)!

+    
News
No data found (yet?)!

+    
Mixtapes
No data found (yet?)!

+    
Files
No data found (yet?)!

+    
Chat

+        
+    

+    
Stats

+    
Logs

+

+

+    

+    Arching Kaos Tools, Org, Net |
+    Report an issue |
+    Powered by Kaotisk Hund.
+

+
+
+
+
+
+
+