content/news/isocyantes.md

@@ -1,28 +0,0 @@
----
-title: "Isocyanates by eardiod"
-date: 2025-10-03T13:59:59+00:00
-draft: false
-image:
-  url: "/2025/images/isocyanates.webp"
-  alt: "Abstract Image with geometric patterns, in red and orange tones"
-  license: "CC-BY-NC-ND 4.0"
-  credits:
-    name: "eardiod"
-    url: "https://eardiod.basspistol.com/isocyanates/"
-cta:
-  url: https://eardiod.basspistol.com/isocyanates/
-  label: "Get this 💎"
-release: true
-catalogue: "#BPIST-029"
-license: CC-BY-NC-ND 4.0
-recordlabel: "Basspistol"
----
-Straight from Mongolian bogs comes a smell and it’s not a faint whiff of morning freshness. It’s a dense, stout aroma of a dump electro-organic sonic mischief.
-
-You’re not [wroong](https://s.basspistol.org/@wroong), it’s [eardiod](https://nosotros.app/nprofile1qqsrfk4gzq49g8gac4f7psmfvtkhr758gjkxeasc7pk8vjshr35ekjgy7dg7m) himself with his pumping silly rhythms and lush, saturated crescendos which are able to induce synesthesia after just a few bars.
-
-The skill he possesses leaps beyond obtainable right into undiscoverable. Who knows how he was able to land his short hands on this inhuman knowledge? But the phenomenal result of it being applied will not leave you unchanged.
-
-With [Isocyanates](https://eardiod.basspistol.com/isocyanates/), eardiod proposes a 6 tracks EP of gritty techno. Organic and unexpected, most of eardiod's work is sequenced on the go, by hand on a setup mixing hardware boxes and software synthesizers.
-
-Echoing from the remnants of Stockholm's underground scene, this release takes you on a trip to basement-raves, where lasers pierce the smoke.

hugo.toml

@@ -18,7 +18,7 @@ enableRobotsTXT = "false"
 
 [params]
   description = "Outernational Music Syndicate. The underground is dead, long live the underground!"
-  moto = "All you saw was Music"
+  moto = "All you saw was sound"
   publisher = "Basspistol Unc."
   google_analytics_id = ""
   icon = "assets/img/hodling-icon.svg"

themes/basspistol2025/assets/css/style.css

@@ -44,10 +44,6 @@ width: calc(100vw - 40px);
 max-width: 700px;
 height: 100px;
 box-shadow: 0 4px 15px rgba(0,0,0,.3);
-border-top: 1px solid rgba(204, 132, 39,.3);
-border-right: 1px solid rgba(204, 132, 39,0.1);
-border-bottom: 1px solid rgba(204, 132, 39,0.1);
-border-left: 1px solid rgba(204, 132, 39,0.3);
 z-index: 1000;
 
   * {
@@ -388,47 +384,32 @@ justify-content: space-between;
 
 #radio {
 
+  #recordPlayer {
+    height: 300px;
+    width: 300px;
+    background-size: cover;
+    background-position: center center;
+    border-radius:7px;
+    transition: all linear 1s;
+  }
+  .spinner {
+    border-radius: 300px !important;
+    animation: rotate 10s linear infinite;
+  }
+  .stop {
+    animation-play-state: paused;
+  }
+
   .radioplayer {
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
-  }
-
-  #recordPlayer {
-    flex: 1 1 300px;
-    background-size: cover;
-    background-position: center center;
-    margin-top:40px;
-
-    img {
-      border-radius:7px;
-      transition: all linear 1s;
-      width: 100%;
-      height: auto;
-      object-fit: cover;
-      max-width: 600px;
-      max-height: 600px;
-    }
   }
 
   .legend-container {
     align-content: center;
+    margin-left: 40px;
     display: flex;
     flex-wrap: wrap;
-    flex: 1 1 300px;
-
-  }
-
-
-  .spinner {
-    border-radius: 2000px !important;
-    animation: rotate 10s linear infinite;
-    border-style: double;
-    border-color: purple;
-    border-width: 10px;
-  }
-  .stop {
-    animation-play-state: paused;
   }
 
   .legend {
@@ -442,16 +423,24 @@ justify-content: space-between;
     width: 100%;
   }
 
-  #myBtn {
+  button {
     background: transparent;
     border: none;
     padding: 0;
     margin: 0;
-    font-size: 3em;
   }
 
 }
 
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
 @media screen and (max-width: 720px) {
 
 
@@ -514,23 +503,6 @@ justify-content: space-between;
       }
     }
   }
-
-  #radio {
-
-
-    #myBtn {
-      font-size: 4em;
-    }
-  }
 }
 
-/* ANIMATIONS */
 
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg)
-  }
-  100% {
-    transform: rotate(360deg)
-  }
-}

themes/basspistol2025/layouts/partials/body/now.html

@@ -32,7 +32,7 @@
 
   </div>
   {{ end }}
-  <article class="border" id="newsletter">
+  <article class="border">
     {{ partial "body/newsletter.html" . }}
   </article>
   <article class="border support">

themes/basspistol2025/layouts/partials/body/peertube.html

@@ -102,7 +102,7 @@
     <h2>BassTube</h2>
     <p>
       <strong>𝖁𝖎𝖉𝖊𝖔𝖘 𝖋𝖗𝖔𝖒 𝖙𝖍𝖊 𝕯𝖊𝖊𝖕𝖜𝖊𝖇</strong>
-      <br />Decentralized, peer-to-peer, for the people! All you saw was Music!
+      <br />Decentralized, peer-to-peer, for the people! All you saw was sound!
 
     <br /><br />
     Basspistol facilitates <a href="https://v.basspistol.org" style="text-decoration: underline;">a Peertube instance</a>, tapping into a large network of independent and sovereign creators from the deepweb. The videos displayed bellow are shuffled every 30 minute, by the random gods.

themes/basspistol2025/layouts/partials/body/radio.html

@@ -4,15 +4,18 @@
 
 
 
+
 <section id="radio">
   <div class="section-headers" style="background-image: url(/2025/images/radio.webp);">
     <h2>RadioStation</h2>
     <h4>𝕭𝖆𝖘𝖘𝖕𝖎𝖘𝖙𝖔𝖑 𝕽𝖆𝖉𝖎𝖔 𝕾𝖙𝖆𝖙𝖎𝖔𝖓</h4>
     <p>777% music, without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
-
+    <a class="button" href="https://radio.basspistol.com/">Request song 📻</a>
   </div>
   <div class="border radioplayer">
-
+    <div id="recordPlayer">
+      <img src="" />
+    </div>
     <div class="legend-container">
       <div class="legend">
         <button id="myBtn">▶️</button>
@@ -25,17 +28,7 @@
           </audio>
         </div>
       </div>
-      <div>
-        <br />
-        <a target="_blank" href="" id="supportButtonDelux" class="button player">🫰 Support this Artist</a>
-        <br />
-        <a class="button" target="_blank" href="https://radio.basspistol.com/public/basspistol">📻 Request song</a>
-        <br />
-        <a class="button" target="_blank" href="https://radio.basspistol.com/public/basspistol/schedule">🗓️ Schedule</a>
-      </div>
-    </div>
-    <div id="recordPlayer">
-      <img src="" id="coverArt" />
+      <a href="" id="supportButtonDelux" class="button player">🫰 Support this Artist</a>
     </div>
   </div>
   <div class="section-footers"></div>
@@ -55,8 +48,8 @@
   let supportButtonDelux = document.getElementById('supportButtonDelux');
 
   // record player
-  let coverArt = document.getElementById('coverArt');
-  coverArt.classList.add("btn");
+  let recordPlayer = document.getElementById('recordPlayer');
+  recordPlayer.classList.add("btn");
 
   // Title and Artist
   let npArtist = document.getElementById('npArtist');
@@ -74,7 +67,7 @@
         supportClicker.map(function(support) {
 
           // set background image in record player
-          coverArt.src = `${support.now_playing.song.art}`;
+          recordPlayer.style.backgroundImage = "url(" + `${support.now_playing.song.art}` + ")";
 
           // print text
 
@@ -101,9 +94,7 @@
 
   timeleyManner();
 
-  setInterval(function(){
-      timeleyManner();
-  }, 10000)
+  setInterval
 
   // player logic
   var audio = document.getElementById("radioAudio");
@@ -113,12 +104,12 @@
       if (audio.paused) {
         audio.play();
         btn.innerHTML = "⏸️";
-        coverArt.classList.add("spinner");
-        coverArt.classList.remove("stop");
+        recordPlayer.classList.add("spinner");
+        recordPlayer.classList.remove("stop");
       } else {
         audio.pause();
         btn.innerHTML = "▶️";
-        coverArt.classList.add("stop");
+        recordPlayer.classList.add("stop");
       }
     };