hq/basspistol.com
hq/basspistol.com
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

last modifs

Browse source
This commit is contained in:
sakrecoer 2020-07-10 11:46:33 +02:00
parent 68a46b770e
commit 3bc75bad82
16 changed files with 273 additions and 225 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
404.html
View file

@ -16,8 +16,8 @@ image: /images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="/assets/css/main20200519.css" /> <link rel="stylesheet" href="/assets/css/main20200710.css" />
<noscript><link rel="stylesheet" href="/assets/css/noscript20200518-rev1.css" /></noscript> <noscript><link rel="stylesheet" href="/assets/css/noscript20200710.css" /></noscript>
</head> </head>
<body class="is-preload" id="body"> <body class="is-preload" id="body">

42
_includes/seo.html
View file

@ -184,3 +184,45 @@
<!-- END seo.html --> <!-- END seo.html -->
{% endif %} {% endif %}
{% if page.url == '/radio/' %}
<script type='application/ld+json'>
{
"@context": "http://www.schema.org",
"@type": "RadioStation",
"name": "Basspistol Libre Radio",
"url": "https://basspistol.com/radio",
"logo": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"image": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"description": "Unexpected and Impossible Music. Live interventions and special guests. This is Libre music!",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "Geneva",
"postalCode": "1201",
"addressCountry": "Switzerland"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "46.204391",
"longitude": "6.143158"
}
}
</script>
<script type="text/javascript">
function getData() {
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
output = "<p>" + "<span style='font-size:14px;'>Now Playing:</span> " + "<br/>";
output += "<strong>" + json.icestats.source[1].title + "</strong> by <strong>" + json.icestats.source[1].artist + "</strong></p>";
output += "<p style='font-size:14px;'>" + json.icestats.source[0].listeners + " peers are listening in MP3 <br />";
output += json.icestats.source[1].listeners + " peers are listening in OGG</p>";
document.getElementById("radioPlaceholder").innerHTML=output;
});
}
setInterval(getData, 7000);
$(function() {
getData();
});
</script>
{% endif %}

4
_layouts/album.html
View file

@ -15,11 +15,11 @@ lang: en
{% include relBase.html %} {% include relBase.html %}
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200519.css" /> <link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png"> <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192"> <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" /> <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200518-rev1.css" /></noscript> <noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
</head> </head>
<body class="is-preload" id="body"> <body class="is-preload" id="body">
<span id="top" style="display: none;"></span> <span id="top" style="display: none;"></span>

4
_layouts/default.html
View file

@ -13,12 +13,12 @@
{% include relBase.html %} {% include relBase.html %}
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200519.css" /> <link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png"> <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192"> <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" /> <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200518-rev1.css" /></noscript> <noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
</head> </head>
<body class="is-preload" id="body"> <body class="is-preload" id="body">

2
_layouts/page.html
View file

@ -5,7 +5,7 @@ layout: default
{% include relBase.html %} {% include relBase.html %}
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;">
<div class="content"> <div class="content">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>

18
_layouts/post.html
View file

@ -15,11 +15,11 @@
{% include relBase.html %} {% include relBase.html %}
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200519.css" /> <link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png"> <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192"> <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" /> <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200518-rev1.css" /></noscript> <noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
</head> </head>
<body class="is-preload" id="body"> <body class="is-preload" id="body">
<span id="top" style="display: none;"></span> <span id="top" style="display: none;"></span>
@ -125,7 +125,7 @@
<br />{{ track.common.year }}</p> <br />{{ track.common.year }}</p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="{{ relBase }}/albums/{{ track.slug }}/" class="button">Track</a></li> <li><a href="{{ relBase }}/tracks/{{ track.slug }}/" class="button">Track</a></li>
</ul> </ul>
</div> </div>
<div class="image"> <div class="image">
@ -305,12 +305,12 @@
{% include relBase.html %} {% include relBase.html %}
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main20200519.css" /> <link rel="stylesheet" href="{{ relBase }}/assets/css/main20200710.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png"> <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192"> <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" /> <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200518-rev1.css" /></noscript> <noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscript20200710.css" /></noscript>
</head> </head>
<body class="is-preload" id="body"> <body class="is-preload" id="body">
@ -319,7 +319,7 @@
<div id="wrapper" class="divided"> <div id="wrapper" class="divided">
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:85vh;">
<div class="content"> <div class="content">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
@ -344,7 +344,11 @@
<!-- Content --> <!-- Content -->
<div class="content"> <div class="content">
{{ content }} {{ content }}
{% if page.link != nil %}
<ul class="actions stacked">
<li><a href="{{ page.link }}?ref=TheOuthernationalMusicSyndicate" target="_blank" rel="noopener" class="button small">cheggit!</a></li>
</ul>
{% endif %}
</div> </div>
</section> </section>
</div> </div>

4
_sass/_set.scss
View file

@ -234,7 +234,7 @@ nav {
} }
.close-button:hover { .close-button:hover {
background-color: _palette(accent-dark); background-color: _palette(accent);
color: #FFFFFF; color: #FFFFFF;
} }
@ -254,7 +254,7 @@ nav {
#footer { #footer {
background-color: _palette(bg-transparent); background-color: _palette(fg);
color: _palette(bg); color: _palette(bg);
box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important; box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important;

2
_staff_members/_defaults.md
View file

@ -1,7 +1,7 @@
--- ---
name: name:
position: position:
image_path: image:
url_staff: url_staff:
email: email:
gpg: gpg:

45
about.html
View file

@ -1,45 +0,0 @@
---
title: About The Syndicate
subtitle: About
description: 'The Basspistol DNA'
video_path: /assets/vid/intro_loop_.mp4
image: /assets/vid/intro_loop_.jpg
layout: default
---
<div class="fitter">
<div class="articles">
<h1 class="editable">Web 3.0</h1>
<p class="editable">
We are The Outernational Music Syndicate, we believe in music. The Music Industry is healthy and blossoming like never before, there is no crisis in this industry, only greed and middlemen.<br /><br />Basspistol is a middleman slayer but mostly your magic magnifying glass, allowing you to see what happens when the sweet artists get into to the salty ocean of creativity. This is what we work for. Nothing less, nothing more.<br /><br />And if you want to, <a href="/artists/">we</a> will <a href="/radio">share it with you.</a>
</p>
</div>
<div class="articles">
<h1 class="editable">Production</h1>
<p class="editable">We operate this website using inclusively open source tools. We care about you too much to stalk you: we do not track what you look at, which article drives traffic or which gender prefers what genre.
<br />
<br />We are <strong>NOT</strong> data driven, instead our passion is our engine and the freedom we posses allows us to navigate time, without having to bother about being profitable.</p>
</div>
<div class="articles">
<h1 class="editable">We Deal Music</h1>
<p class="editable">
We respect the straight line between the Fans and the Artists we promote. If you are interested in buying music, you should opt for a DIRECT ORDER at the source: by talking to the <a href="/artists/">artists or go to their respective stores.</a><br /><br />The same applies regarding information about the Syndiacte members: check their websites. If you can't find any website, it probably means they don't want to be found.
</p>
</div>
<div class="articles">
<h1 class="editable">Niche Anyone?</h1>
<p class="editable">
Most music labels are their own genres. But Basspistol is a syndicate that does not limit its scope by whether or not a certain piece of music information fits within a specific envelope of style.<br /><br />The scope is wide yet focusing on context and content. Digging crates of the digital era is a dirty job, but someone has to debunk the master pieces that haven't gotten the attention they deserve or those that paved the way for the mainstream. And if it has gotten a lot of attention but is featured anyways, then it probably is a piece that has deeper sociopolitical message, whether it is contextual within the time of publication or simply a forgotten gem.
</p>
</div>
</div>
<div class="fitter">
<div class="articles">
<p class="editable">
</p>
<h2 class="editable" style="float: none">
</h2>
{% include footer.html %}
</div>
</div>

27
about.md Normal file
View file

@ -0,0 +1,27 @@
---
title: About The Syndicate
subtitle: About
description: 'The Basspistol DNA'
video_path: /assets/vid/intro_loop_.mp4
image: /assets/vid/intro_loop_.jpg
layout: page
---
## Web 3.0
We are The Outernational Music Syndicate, we believe in music. The Music Industry is healthy and blossoming like never before, there is no crisis in this industry, only greed and middlemen.
Basspistol is a middleman slayer but mostly your magic magnifying glass, allowing you to see what happens when the sweet artists get into to the salty ocean of creativity. This is what we work for. Nothing less, nothing more.
And if you want to, <a href="/artists/">we</a> will <a href="/radio">share it with you.</a>
## Production
We operate this website using inclusively open source tools. We care about you too much to stalk you: we do not track what you look at, which article drives traffic or which gender prefers what genre.
We are *NOT* data driven, instead our passion is our engine and the freedom we posses allows us to navigate time, without having to bother about being profitable.</p>
## We Deal Music
We respect the straight line between the Fans and the Artists we promote. If you are interested in buying music, you should opt for a DIRECT ORDER at the source: by talking to the <a href="/artists/">artists or go to their respective stores.</a><br /><br />The same applies regarding information about the Syndiacte members: check their websites. If you can't find any website, it probably means they don't want to be found.
## Niche Anyone?
Most music labels are their own genres. But Basspistol is a syndicate that does not limit its scope by whether or not a certain piece of music information fits within a specific envelope of style.<br /><br />The scope is wide yet focusing on context and content. Digging crates of the digital era is a dirty job, but someone has to debunk the master pieces that haven't gotten the attention they deserve or those that paved the way for the mainstream. And if it has gotten a lot of attention but is featured anyways, then it probably is a piece that has deeper sociopolitical message, whether it is contextual within the time of publication or simply a forgotten gem.

39
artists.html
View file

@ -1,27 +1,50 @@
--- ---
title: Basspistol Artists title: Basspistol Artists
subtitle: Roster subtitle: Roster
description: 'The Basspistol roster, united powerful syndicated Artists' description: 'The Basspistol roster, united powerful syndicated Artists. Ordinary people with extraordinary visions'
keywords: basspistol, artists, rosters, Franky, Fresco, Jokko, Sakrecoer, Max Park, Fraglebay, Sweatsky, Tikov keywords: basspistol, artists, rosters, Franky, Fresco, Jokko, Sakrecoer, Max Park, Fraglebay, Sweatsky, Tikov
video_path: /assets/vid/artists.mp4 video_path: /assets/vid/artists.mp4
image: /assets/vid/artists.jpg image: /assets/vid/artists.jpg
--- ---
<div class="fitter"> {% include relBase.html %}
<div class="description"> <!-- Banner -->
<h1>Ordinary people with extraordinary visions</h1> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center">
<div class="image">
<img src="{{ relBase }}{{ page.image }}" alt="{{ page.title | smartify }}" class="editable" />
</div>
</section>
<!-- NEWS -->
<section id="news" class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
<p>Our Artists are free and independent: We have no exclusivity deals. If you feel you can offer these Geniuses a better deal then <a href="https://github.com/Basspistol/Music-Syndicate" target="_blank" rel="noopener">ours,</a> you should contact them ASAP</p> <p>Our Artists are free and independent: We have no exclusivity deals. If you feel you can offer these Geniuses a better deal then <a href="https://github.com/Basspistol/Music-Syndicate" target="_blank" rel="noopener">ours,</a> you should contact them ASAP</p>
</div> </div>
</section>
{% assign sorted = site.data.artists | sort: 'id' %} {% assign sorted = site.data.artists | sort: 'id' %}
{% for artist in sorted %} {% for artist in sorted %}
<div class="articles">
<div class="artistimg" style="background-image:url(..{{ artist.image }})"></div> <section id="second" class="spotlight style2 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<h2><a href="{{ artist.web }}?ref=TheOuternationalMusicSyndicate" target="_blank" rel="noopener" style="text-decoration:none;">{{ artist.display_name }}</a></h2> <div class="content">
<h2>{{ artist.display_name }}</h2>
<p>{{ artist.bio }}</p>
<ul class="actions stacked">
<li><a href="{{ artist.web }}?ref=TheOuternationalMusicSyndicate" target="_blank" rel="noopener" style="text-decoration:none;" class="button">Visit</a></li>
</ul>
</div> </div>
<div class="image">
<img src="{{ relBase }}{{ artist.image }}" alt="{{ page.title | smartify }}" />
</div>
</section>
{% endfor %} {% endfor %}
{% include footer.html %} {% include footer.html %}
</div>
</body> </body>

2
cookies.md
View file

@ -1,6 +1,6 @@
--- ---
title: Cookies & Privacy policy title: Cookies & Privacy policy
image: /images/nebula-bw.jpg image: /assets/vid/intro_loop_.jpg
description: >- description: >-
Privacy is important, therefor we respect it! Privacy is important, therefor we respect it!
sitemap: false sitemap: false

32
highlights.html
View file

@ -25,7 +25,7 @@ permalink: /highlights/
</section> </section>
{% for post in site.posts %} {% for post in site.posts %}
<section id="second" class="spotlight style1 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}> <section id="second" class="spotlight style4 orient-{% cycle 'left', 'right' %} content-align-left image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content"> <div class="content">
<h2>{{ post.title }}</h2> <h2>{{ post.title }}</h2>
<p>{{ post.description }}</p> <p>{{ post.description }}</p>
@ -42,34 +42,4 @@ permalink: /highlights/
</section> </section>
{% endfor %} {% endfor %}
<!-- Archive -->
<!-- <section id="news" class="wrapper style1 align-center">
<div class="inner editable">
<h2>Archive</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel
massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium
massa et, hendrerit vestibulum odio lorem ipsum.</p>
</div>
<div class="gallery style1 medium lightbox onscroll-fade-in">
{% for post in site.posts %}
<article>
<a href="{{ relBase }}{{ post.url }}" class="image">
<img src="{{ relBase }}{{ post.image }}" alt="" />
</a>
<div class="caption">
<h3>{{ post.title }}</h3>
<p>{{ post.description }}</p>
<ul class="actions fixed">
<li><span class="button small">Read Article</span></li>
</ul>
</div>
</article>
{% endfor %}
-->
{% include footer.html %} {% include footer.html %}

44
links.html
View file

@ -8,17 +8,45 @@ image: /assets/vid/links.jpg
--- ---
<div class="fitter"> {% include relBase.html %}
<!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center">
{% assign sorted = site.data.links | sort: 'title' %} <div class="image">
<img src="{{ relBase }}{{ page.image }}" alt="{{ page.title | smartify }}" class="editable" />
{% for link in sorted %}
<div class="records" style="border-bottom: solid 1px #f4ffe8;">
<h2><a href="{{ link.url }}?ref=TheOuternationalMusicSyndicateWasHere" style="text-decoration:none;">{{ link.title }}</a></h2>
<p>{{ link.banner }} </p>
</div> </div>
</section>
<!-- NEWS -->
<section id="news" class="wrapper style1 align-center">
<div class="inner" style="padding-top: 40px;">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
</div>
</section>
{% assign sorted = site.data.links | sort: 'title' %}
{% for link in sorted %}
<section id="second" class="spotlight style2 orient-{% cycle 'left', 'right' %} content-align-{% cycle 'right', 'left' %} image-position-center onscroll-image-fade-in" {% if forloop.index == 1 %}style="box-shadow: none;" {% endif %}>
<div class="content">
<h2>{{ link.title }}</h2>
<p>{{ link.banner }}</p>
<ul class="actions stacked">
<li><a href="{{ link.url }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener" style="text-decoration:none;" class="button">Visit</a></li>
</ul>
</div>
<div class="image">
<img src="{{ relBase }}/images/emptypixel.png" alt="{{ page.title | smartify }}" />
</div>
</section>
{% endfor %} {% endfor %}
{% include footer.html %} {% include footer.html %}
</div>
</body>
</html>

12
posts.json
View file

@ -1,12 +0,0 @@
---
---
[
{% for album in site.albums %}
{
"title": "{{ album.name }}",
"img": "{{ relBase }}{{ album.cover }}",
"href": "{{ relBase }}/albums/{{ album.slug }}"
}{% unless forloop.last %},{% endunless %}
{% endfor %}
]

181
radio.html
View file

@ -7,117 +7,128 @@ description: >-
keywords: 'Radio, basspistol, Live, Music, Broadcast, Stream,' keywords: 'Radio, basspistol, Live, Music, Broadcast, Stream,'
video_path: /assets/vid/radio.mp4 video_path: /assets/vid/radio.mp4
image: /assets/vid/radio.jpg image: /assets/vid/radio.jpg
layout: default
--- ---
<!DOCTYPE html>
<html>
<head>
{% include relBase.html %} {% include relBase.html %}
<!-- Banner -->
<section
class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-left image-position-center" style="background-image:url('{{ page.image }}');background-size: cover; background-repeat: no-repeat;">
<div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
{% include matomo.html %} <div id="mainwrap" class="content" style="z-index:1">
<script type='application/ld+json'> <h1 style="margin-top:80px">{{ page.title }}</h1>
{
"@context": "http://www.schema.org",
"@type": "RadioStation",
"name": "Basspistol Libre Radio",
"url": "https://basspistol.com/radio",
"logo": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"image": "https://basspistol.com/assets/img/basspistol_est_2010_square_bluegreen.jpg",
"description": "Unexpected and Impossible Music. Live interventions and special guests. This is Libre music!",
"address": {
"@type": "PostalAddress",
"addressLocality": "Geneva",
"addressRegion": "Geneva",
"postalCode": "1201",
"addressCountry": "Switzerland"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "46.204391",
"longitude": "6.143158"
}
}
</script>
<script type="text/javascript">
function getData() {
$.getJSON('https://radio.basspistol.com/status-json.xsl', function(json) {
output = "<p>" + "Now Playing: " + "</p>";
output += "<p><strong>" + json.icestats.source[1].title + "</strong> <br />by<br /><strong>" + json.icestats.source[1].artist + "</strong></p>";
output += "<p>";
output += json.icestats.source[0].listeners + " peers are listening in MP3";
output += "</p>";
output += "<p>";
output += json.icestats.source[1].listeners + " peers are listening in OGG";
output += "</p>";
document.getElementById("radioPlaceholder").innerHTML=output;
});
}
setInterval(getData, 7000);
$(function() {
getData();
});
</script>
</head>
<body>
<div id="content">
<div class="fitter">
<div class="articles" style="text-align:center">
<button id="mu_pause">Play Radio</button>
</div>
<div class="articles">
<div id="radioPlaceholder"></div> <div id="radioPlaceholder"></div>
<p><strong><span id="tracktime"></span></strong><br /></p>
<ul class="actions stacked">
<li><button id="mu_pause" class="smooth-scroll-middle button icon solid fa-play">Play dat!</button></li>
</ul>
</div> </div>
<div class="articles"><p><b>Dislike scripts? Want the M3U? We got you covered!</b>
<div id="noJSalbum" style="z-index:1000;">
<h1 style="margin-top:80px">{{ page.title }}</h1>
<div id="radioPlaceholder"></div>
<p><strong><span id="tracktime"></span></strong><br /></p>
<a href="https://radio.basspistol.com/radio.mp3" id="mu_pause" class="button icon solid fa-play">MP3</a> <a href="https://radio.basspistol.com/radio.ogg" id="mu_pause" class="button icon solid fa-play">OGG</a>
</div>
<div class="image">
<img src="{{ page.image }}" alt="{{ page.title }} logo" id="coverart" />
</div>
</section>
<!-- Content -->
<section class="wrapper style1 align-center">
<div class="inner" style="padding-top:40px">
<div class="index align-left">
<section style="padding-top:40px">
<!-- Content -->
<div class="content">
<p><b>Dislike scripts? Want the M3U? We got you covered!</b>
<br /><br />Enjoy the stream in your <b>browser</b> in <br /><br />Enjoy the stream in your <b>browser</b> in
<a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.mp3">MP3</a> <a target="_blank" rel="noopener" href="https://radio.basspistol.com/radio.mp3">MP3</a>
or <a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.ogg">OGG</a> or <a target="_blank" rel="noopener" href="https://radio.basspistol.com/radio.ogg">OGG</a>
<br /><br /> <br /><br />
Enjoy the stream in your favorite <b>player</b> in Enjoy the stream in your favorite <b>player</b> in
<a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a> <a target="_blank" rel="noopener" href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a>
and <a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a></p> and <a target="_blank" rel="noopener" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a>
</p>
</div> </div>
{% include footer.html %} </section>
</div> </div>
</div> </div>
<audio preload="none" data-matomo-title="Basspistol Radio"> </section>
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" />
<source src="https://radio.basspistol.com/radio.ogg" type="audio/ogg" />
<h1>Your browser isn't ready for so much hotness. Use these links instead: <a target="_blank" rel="noopener noreferrer" href="https://radio.basspistol.com/radio.ogg.m3u">OGG</a> or <a href="https://radio.basspistol.com/radio.mp3.m3u">MP3</a></h1>. <!-- Audio player-->
<audio autoplay preload="true" data-matomo-title="{{ page.common.title }}">
<source src="https://radio.basspistol.com/radio.mp3" type="audio/mpeg" ontimeupdate='updateTrackTime(this);' />
<source src="https://radio.basspistol.com/radio.ogg" type="audio/ogg" ontimeupdate='updateTrackTime(this);' />
<h1>Your browser isn't ready for so much hotness. Use the download-link instead.</h1>.
</audio> </audio>
</div> {% include footer.html %}
<script type="text/javascript"> <script type="text/javascript">
function loadUrl(newLocation) {
window.location = newLocation;
return false;
}
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
function muFade() { var spincover = document.getElementById("coverart");
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
mu.pause(); mu.pause();
mu.currentTime = 0; mu.currentTime = 0;
loadUrl("{{ relBase }}/{{ page.nextTrack.slug }}/"); return false;
// qq IE10
muFade();
}); });
mu.onplaying = function() {
pauseButton.innerHTML = "Pause";
pauseButton.classList.remove("fa-play");
pauseButton.classList.add("fa-pause");
spincover.classList.add("spinnit");
spincover.classList.remove("paused");
};
pauseButton.addEventListener("click", function () { pauseButton.addEventListener("click", function () {
mu.classList.toggle("stopfade");
if (mu.paused) { if (mu.paused) {
mu.play(); mu.play();
pauseButton.innerHTML = "Pause Radio";
} else { }
else {
mu.pause(); mu.pause();
pauseButton.innerHTML = "Resume Radio"; pauseButton.innerHTML = "Resume";
pauseButton.classList.add("fa-play");
pauseButton.classList.remove("fa-pause");
spincover.classList.add("paused");
} }
}); });
mu.addEventListener('timeupdate', function () {
var timestamp = Math.floor(mu.currentTime);
var hours = Math.floor(timestamp / 60 / 60);
var minutes = Math.floor(timestamp / 60) - (hours * 60);
var seconds = timestamp % 60;
var formatted = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
var thecurrentSpan = document.getElementById("tracktime");
thecurrentSpan.innerHTML = formatted;
});
</script> </script>
</body>
</html>