Compare commits
No commits in common. "main" and "radiofix" have entirely different histories.
5 changed files with 41 additions and 102 deletions
|
|
@ -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.
|
||||
|
|
@ -384,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 {
|
||||
|
|
@ -438,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) {
|
||||
|
||||
|
||||
|
|
@ -510,23 +503,6 @@ justify-content: space-between;
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#radio {
|
||||
|
||||
|
||||
#myBtn {
|
||||
font-size: 4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ANIMATIONS */
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
</div>
|
||||
{{ end }}
|
||||
<article class="border" id="newsletter">
|
||||
<article class="border">
|
||||
{{ partial "body/newsletter.html" . }}
|
||||
</article>
|
||||
<article class="border support">
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB |
Loading…
Add table
Add a link
Reference in a new issue