refactoring + icons

3 files changed, 15 insertions, 5 deletions

diff --git a/src/index.html b/src/index.html
index 795a3d9..f8de5d9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -248,6 +248,7 @@
     <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>
diff --git a/src/js/app.js b/src/js/app.js
index 610417b..5703def 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -11,7 +11,8 @@ pageLayout.height = window.innerHeight;
 mainContainer.style.display = 'block';
 window.innerWidth <= 770 ? isMobile = true : isMobile = false;
 isMobile ? doubleFloorMenu.style.display = 'none':doubleFloorMenu.style.display = 'flex';
-function onWindowResize(){
+function onWindowResize()
+{
     body.width = window.innerWidth;
     body.height = window.innerHeight;
     pageLayout.width = window.innerWidth;
@@ -29,10 +30,18 @@ progressPlaceholder.value = '0';
 
 progressPlaceholder.max++;
 
-if ( activeSettings.scanStellar ) {
+if ( activeSettings.scanStellar )
+{
     scanStellarNetworkForPeers();
 }
 
-if ( activeSettings.ringLocalBell )  ringlocalbell();
+if ( activeSettings.ringLocalBell )
+{
+    ringlocalbell();
+    setInterval(ringlocalbell, 10*60*1000);
+}
+
+//scanStellarNetworkForPeers();
+// setInterval(scanStellarNetworkForPeers, 60000);
 
 // vim: tabstop=4 shiftwidth=4 expandtab softtabstop=4
diff --git a/src/js/arching-kaos-decentralized-radio.js b/src/js/arching-kaos-decentralized-radio.js
index 2c72d58..7cec5b1 100644
--- a/src/js/arching-kaos-decentralized-radio.js
+++ b/src/js/arching-kaos-decentralized-radio.js
@@ -2,10 +2,10 @@
 // var radioButton = document.querySelector("#radio-button-controller");
 
 radio.addEventListener("play", ()=>{
-    radioButton.innerText = "turn off";
+    radioButton.innerHTML = '<svg    width="32px"    height="32px"    viewBox="0 0 33.866666 33.866666"    version="1.1"    id="svg1"    inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"    sodipodi:docname="stop-button.svg"    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"    xmlns="http://www.w3.org/2000/svg"    xmlns:svg="http://www.w3.org/2000/svg">   <sodipodi:namedview      id="namedview1"      pagecolor="#ffffff"      bordercolor="#666666"      borderopacity="1.0"      inkscape:showpageshadow="2"      inkscape:pageopacity="0.0"      inkscape:pagecheckerboard="0"      inkscape:deskcolor="#d1d1d1"      inkscape:document-units="px"      inkscape:zoom="2.56"      inkscape:cx="34.960938"      inkscape:cy="49.609375"      inkscape:window-width="1364"      inkscape:window-height="722"      inkscape:window-x="1366"      inkscape:window-y="22"      inkscape:window-maximized="1"      inkscape:current-layer="layer1" />   <defs      id="defs1" />   <g      inkscape:label="Layer 1"      inkscape:groupmode="layer"      id="layer1">     <rect        style="fill:#fe3f00;fill-opacity:1;stroke:#000000;stroke-width:4.18075;stroke-dasharray:25.08449936,25.08449936;stroke-opacity:1;stroke-dashoffset:0"        id="rect1"        width="29.685917"        height="29.685913"        x="2.0903761"        y="2.0903745" />   </g> </svg>';
 })
 radio.addEventListener("pause", ()=>{
-    radioButton.innerText = "turn on";
+    radioButton.innerHTML = '<svg    width="32px"    height="32px"    viewBox="0 0 33.866666 33.866666"    version="1.1"    id="svg1"    inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"    sodipodi:docname="play-button.svg"    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"    xmlns="http://www.w3.org/2000/svg"    xmlns:svg="http://www.w3.org/2000/svg">   <sodipodi:namedview      id="namedview1"      pagecolor="#ffffff"      bordercolor="#666666"      borderopacity="1.0"      inkscape:showpageshadow="2"      inkscape:pageopacity="0.0"      inkscape:pagecheckerboard="0"      inkscape:deskcolor="#d1d1d1"      inkscape:document-units="px"      inkscape:zoom="2.56"      inkscape:cx="34.960938"      inkscape:cy="49.609375"      inkscape:window-width="1364"      inkscape:window-height="722"      inkscape:window-x="1366"      inkscape:window-y="22"      inkscape:window-maximized="1"      inkscape:current-layer="layer1" />   <defs      id="defs1" />   <g      inkscape:label="Layer 1"      inkscape:groupmode="layer"      id="layer1">     <path        id="rect1"        style="fill:#fe3f00;stroke:#000000;stroke-width:4.18075;stroke-dasharray:25.0845, 25.0845"        d="M 2.0903761,2.0903745 31.383535,16.963796 2.0903761,31.776288 Z"        sodipodi:nodetypes="cccc" />   </g> </svg>';
 })
 
 function radioToggle(){