203 lines
6.6 KiB
HTML
203 lines
6.6 KiB
HTML
---
|
||
title: Basspistol Glance Floor
|
||
subtitle: Radio CrashParty
|
||
description: >-
|
||
Welcome to the virtual Nightclub 🦄! Press the play button and pick a room!
|
||
tags:
|
||
- radio
|
||
- basspistol
|
||
- live
|
||
- music
|
||
- broadcast
|
||
- stream
|
||
video_path: https://media.giphy.com/media/g0kv2bTihoOZy/giphy.mp4
|
||
image: https://media.giphy.com/media/xUPGGePcEyYvkS75ew/giphy.gif
|
||
layout: default
|
||
---
|
||
{% include relBase.html %}
|
||
<script src="{{ relBase }}/assets/js/jquery-3.5.1.min.js"></script>
|
||
<script type="text/javascript">
|
||
function getData() {
|
||
$.getJSON('https://radio.basspistol.com/status-json.xsl', function (json) {
|
||
output = "<h4>Now Playing: </h4>";
|
||
output += "<h3>" + json.icestats.source.title + "</h3>";
|
||
output += "<p style='font-size:14px;'>" + json.icestats.source.listeners + " peers are listening<br />";
|
||
document.getElementById("radioPlaceholder").innerHTML = output;
|
||
});
|
||
}
|
||
setInterval(getData, 7000);
|
||
|
||
$(function () {
|
||
getData();
|
||
});
|
||
</script>
|
||
<!-- Banner -->
|
||
|
||
|
||
<div id="trackArt">
|
||
<section>
|
||
<div class="coverartwrapper">
|
||
<div class="coverartwrapped" id="coverart" style="background-image: url({{ page.image }});"></div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
</div>
|
||
<!-- Content -->
|
||
<div id="trackInfo">
|
||
<section>
|
||
<h1>{{ page.title }}</h1>
|
||
<h2 style="text-align: left;">{{ page.description }} </h2>
|
||
<div class="playbutton hideWhenNoJS">
|
||
<a id="mu_pause" class="button">🎶 Play!</a>
|
||
</div>
|
||
<p>To enjoy the stream in your favorite player <a target="_blank" rel="noopener noreferrer"
|
||
href='https://radio.basspistol.com/radio.mp3.m3u'>click here</a></p>
|
||
|
||
|
||
|
||
<p class="noJSalbum"><a class="button" target="_blank" rel="noopener"
|
||
href="https://radio.basspistol.com/radio.mp3"><span class="fas fa-play"></span> Play!</a></p>
|
||
|
||
</section>
|
||
|
||
<section class="releases">
|
||
<h2>Pick Your Room!</h2>
|
||
<div class="container" style="padding:0;">
|
||
<!-- Smokers Lounge-->
|
||
<article>
|
||
<figure>
|
||
<a href="https://meet.jit.si/Basspistol-Super-Chill-Smokers-Lounge-For-Coolt-Cats" target="_balnk" rel="noopener">
|
||
<img src="/images/pages/Logo_Jitsi.svg" alt="Enter The SMokers Lounge" /></a>
|
||
<figcaption>
|
||
<h3>Smoker's Lounge</h3>
|
||
<p>Chill-out, have a little talk with your peers face-to-face. Dress up be fancy, classy and respectfull</p>
|
||
|
||
</figcaption>
|
||
</figure>
|
||
</article>
|
||
<!-- Hubs -->
|
||
<article>
|
||
<figure>
|
||
<a href="https://hubs.mozilla.com/SWHvjBj/euphoric-gifted-meetup/" target="_balnk" rel="noopener">
|
||
<img src="/images/pages/hubs.jpg" alt="Enter the Glance Floor" /></a>
|
||
<figcaption>
|
||
<h3>Glance Floor</h3>
|
||
<p>This is where the action is at! Take a spin on the dancefloor, enjoy the company of others, have a chat. Draw your tag on stuff! Place your drink on the DJ booth. Do everything you would in a nightclub plus some more!</p>
|
||
</figcaption>
|
||
</figure>
|
||
</article>
|
||
<!-- Leet -->
|
||
<article>
|
||
<figure>
|
||
<a href="/chat/#read" target="_balnk" rel="noopener">
|
||
<img src="/images/pages/irc_chat_logo.png" alt="Cover art for {{ post.title }}" /></a>
|
||
<figcaption>
|
||
<h3>Leet's lair</h3>
|
||
<p>Not so much for VR or showing your face on cam? This room is for you, Fren. Join a text-chat and do all of the things one can do in the other rooms. But do it the 1337 way!</p>
|
||
|
||
|
||
</figcaption>
|
||
</figure>
|
||
</article>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<div id="radioPlaceholder"></div>
|
||
<h2>Line-up</h2>
|
||
|
||
<h3>🎉🎉 Opening of Glance Floor 🎉🎉</h3>
|
||
<p><strong>20:00 CET - Virtual Club URL TBA</strong></p>
|
||
<p>♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪♫♪</p>
|
||
<h3>☕☕ Garcon de Café ☕☕</h3>
|
||
<p><strong>20:30 CET - https://audius.co/garcondecafe</strong></p>
|
||
<p>Mysterious electronic act from the Scandinavian France. Live and direct with hardware and spices!</p>
|
||
<p>♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪♫♪</p>
|
||
<h3>🦄🦄 Jätten 🦄🦄</h3>
|
||
<p><strong>21:30 CET - https://il.ink/Jaetten</strong></p>
|
||
<p>Crate-digger of the 21st century with focus on the alternative, producer extraordinaire, full time giant and incredible selector.</p>
|
||
<p>♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪♫♪</p>
|
||
<h3>🎩🎩 Dellarge 🎩🎩</h3>
|
||
<p><strong>23:30 CET - http://dellarge.com/</strong></p>
|
||
<p>Dellarge will play a very special and exclusive DJ-set, in tribute to the infamoua D2</p>
|
||
<p>♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪♫♪</p>
|
||
{% include author.html %}
|
||
</section>
|
||
{% include footer.html %}
|
||
<!-- End Post Navigation -->
|
||
</div>
|
||
|
||
<!-- Audio player-->
|
||
|
||
<div id="fixedPlayer" class="showplayer hideplayer">
|
||
<div id="audiowrap">
|
||
<div id="audio0">
|
||
<audio controls autoplay preload="none" data-matomo-title="Basspistol Radio">
|
||
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" />
|
||
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
|
||
</audio>
|
||
</div>
|
||
</div>
|
||
<div id="nowPlay">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
|
||
function loadUrl(newLocation) {
|
||
window.location = newLocation;
|
||
return false;
|
||
}
|
||
|
||
var mu = document.getElementsByTagName("audio")[0];
|
||
var pauseButton = document.getElementById("mu_pause");
|
||
var spincover = document.getElementById("coverart");
|
||
var fixedplayer = document.getElementById("fixedPlayer");
|
||
|
||
mu.addEventListener('ended', function () {
|
||
// only functional if "loop" is removed
|
||
mu.pause();
|
||
mu.currentTime = 0;
|
||
loadUrl("{{ relBase }}{{ page.next.url }}"); return false;
|
||
});
|
||
mu.onplaying = function () {
|
||
pauseButton.innerHTML = "⏯️ Pause";
|
||
fixedplayer.classList.remove("hideplayer");
|
||
};
|
||
|
||
pauseButton.addEventListener("click", function () {
|
||
if (mu.paused) {
|
||
mu.play();
|
||
}
|
||
else {
|
||
mu.pause();
|
||
}
|
||
});
|
||
|
||
mu.addEventListener('playing', function () {
|
||
spincover.classList.add("spinnit");
|
||
spincover.classList.remove("paused");
|
||
});
|
||
mu.addEventListener('pause', function () {
|
||
spincover.classList.add("paused");
|
||
pauseButton.innerHTML = "⏯️ Resume";
|
||
});
|
||
|
||
</script>
|
||
<style>
|
||
:root {
|
||
--bg: rgb(244, 200, 211);
|
||
--bg-alt: rgba(244, 200, 211, 0.75);
|
||
--fg: rgb(107, 108, 153);
|
||
--fg-alt: rgba(107, 108, 153, 0.5);
|
||
--border: rgb(89, 125, 69);
|
||
--border-alt: rgba(89, 125, 69, 0.75);
|
||
--accent1: rgb(255, 142, 34);
|
||
--accent1-alt: rgba(255, 142, 34, 0.75);
|
||
--accent2: rgb(111, 188, 195);
|
||
--accent2-alt: rgba(111, 188, 195, 0.75);
|
||
}
|
||
</style> |