fix time

content/news/isocyantes.md

@@ -0,0 +1,28 @@
+---
+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.

themes/basspistol2025/assets/css/style.css

@@ -384,32 +384,47 @@ 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 {
@@ -423,24 +438,16 @@ justify-content: space-between;
     width: 100%;
   }
 
-  button {
+  #myBtn {
     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) {
 
 
@@ -503,6 +510,23 @@ 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">
+  <article class="border" id="newsletter">
     {{ partial "body/newsletter.html" . }}
   </article>
   <article class="border support">

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

@@ -4,18 +4,15 @@
 
 
 
-
 <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>
@@ -28,7 +25,17 @@
           </audio>
         </div>
       </div>
-      <a href="" id="supportButtonDelux" class="button player">🫰 Support this Artist</a>
+      <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" />
     </div>
   </div>
   <div class="section-footers"></div>
@@ -48,8 +55,8 @@
   let supportButtonDelux = document.getElementById('supportButtonDelux');
 
   // record player
-  let recordPlayer = document.getElementById('recordPlayer');
-  recordPlayer.classList.add("btn");
+  let coverArt = document.getElementById('coverArt');
+  coverArt.classList.add("btn");
 
   // Title and Artist
   let npArtist = document.getElementById('npArtist');
@@ -67,7 +74,7 @@
         supportClicker.map(function(support) {
 
           // set background image in record player
-          recordPlayer.style.backgroundImage = "url(" + `${support.now_playing.song.art}` + ")";
+          coverArt.src = `${support.now_playing.song.art}`;
 
           // print text
 
@@ -94,7 +101,9 @@
 
   timeleyManner();
 
-  setInterval
+  setInterval(function(){
+      timeleyManner();
+  }, 10000)
 
   // player logic
   var audio = document.getElementById("radioAudio");
@@ -104,12 +113,12 @@
       if (audio.paused) {
         audio.play();
         btn.innerHTML = "⏸️";
-        recordPlayer.classList.add("spinner");
-        recordPlayer.classList.remove("stop");
+        coverArt.classList.add("spinner");
+        coverArt.classList.remove("stop");
       } else {
         audio.pause();
         btn.innerHTML = "▶️";
-        recordPlayer.classList.add("stop");
+        coverArt.classList.add("stop");
       }
     };