last modifs
This commit is contained in:
sakrecoer
parent
68a46b770e
commit
3bc75bad82
4
404.html
4
404.html
|
|
@ -16,8 +16,8 @@ image: /images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg
|
|||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
<link rel="stylesheet" href="/assets/css/main20200519.css" />
|
||||
<noscript><link rel="stylesheet" href="/assets/css/noscript20200518-rev1.css" /></noscript>
|
||||
<link rel="stylesheet" href="/assets/css/main20200710.css" />
|
||||
<noscript><link rel="stylesheet" href="/assets/css/noscript20200710.css" /></noscript>
|
||||
</head>
|
||||
|
||||
<body class="is-preload" id="body">
|
||||
|
|
|
|||
|
|
@ -184,3 +184,45 @@
|
|||
|
||||
<!-- END seo.html -->
|
||||
{% 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 %}
|
||||
|
|
@ -15,11 +15,11 @@ lang: en
|
|||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<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="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<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>
|
||||
<body class="is-preload" id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
|
|
|
|||
|
|
@ -13,12 +13,12 @@
|
|||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<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="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<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>
|
||||
|
||||
<body class="is-preload" id="body">
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ layout: default
|
|||
{% include relBase.html %}
|
||||
|
||||
<!-- 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">
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@
|
|||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<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="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<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>
|
||||
<body class="is-preload" id="body">
|
||||
<span id="top" style="display: none;"></span>
|
||||
|
|
@ -125,7 +125,7 @@
|
|||
<br />{{ track.common.year }}</p>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
<div class="image">
|
||||
|
|
@ -305,12 +305,12 @@
|
|||
{% include relBase.html %}
|
||||
<meta charset="utf-8" />
|
||||
<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="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
|
||||
<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>
|
||||
|
||||
<body class="is-preload" id="body">
|
||||
|
|
@ -319,7 +319,7 @@
|
|||
<div id="wrapper" class="divided">
|
||||
|
||||
<!-- 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">
|
||||
<h1>{{ page.title }}</h1>
|
||||
|
|
@ -344,7 +344,11 @@
|
|||
<!-- Content -->
|
||||
<div class="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>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -234,7 +234,7 @@ nav {
|
|||
}
|
||||
|
||||
.close-button:hover {
|
||||
background-color: _palette(accent-dark);
|
||||
background-color: _palette(accent);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
|
@ -254,7 +254,7 @@ nav {
|
|||
|
||||
#footer {
|
||||
|
||||
background-color: _palette(bg-transparent);
|
||||
background-color: _palette(fg);
|
||||
color: _palette(bg);
|
||||
box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
name:
|
||||
position:
|
||||
image_path:
|
||||
image:
|
||||
url_staff:
|
||||
email:
|
||||
gpg:
|
||||
|
|
|
|||
45
about.html
45
about.html
|
|
@ -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
27
about.md
Normal 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
39
artists.html
|
|
@ -1,27 +1,50 @@
|
|||
---
|
||||
title: Basspistol Artists
|
||||
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
|
||||
video_path: /assets/vid/artists.mp4
|
||||
image: /assets/vid/artists.jpg
|
||||
---
|
||||
|
||||
|
||||
<div class="fitter">
|
||||
<div class="description">
|
||||
<h1>Ordinary people with extraordinary visions</h1>
|
||||
{% include relBase.html %}
|
||||
<!-- Banner -->
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
{% assign sorted = site.data.artists | sort: 'id' %}
|
||||
{% for artist in sorted %}
|
||||
<div class="articles">
|
||||
<div class="artistimg" style="background-image:url(..{{ artist.image }})"></div>
|
||||
<h2><a href="{{ artist.web }}?ref=TheOuternationalMusicSyndicate" target="_blank" rel="noopener" style="text-decoration:none;">{{ artist.display_name }}</a></h2>
|
||||
|
||||
<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>{{ 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 class="image">
|
||||
<img src="{{ relBase }}{{ artist.image }}" alt="{{ page.title | smartify }}" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endfor %}
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Cookies & Privacy policy
|
||||
image: /images/nebula-bw.jpg
|
||||
image: /assets/vid/intro_loop_.jpg
|
||||
description: >-
|
||||
Privacy is important, therefor we respect it!
|
||||
sitemap: false
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ permalink: /highlights/
|
|||
</section>
|
||||
{% 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">
|
||||
<h2>{{ post.title }}</h2>
|
||||
<p>{{ post.description }}</p>
|
||||
|
|
@ -42,34 +42,4 @@ permalink: /highlights/
|
|||
</section>
|
||||
|
||||
{% 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 %}
|
||||
44
links.html
44
links.html
|
|
@ -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' %}
|
||||
|
||||
{% 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 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>
|
||||
</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 %}
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
|
|||
12
posts.json
12
posts.json
|
|
@ -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
181
radio.html
|
|
@ -7,117 +7,128 @@ description: >-
|
|||
keywords: 'Radio, basspistol, Live, Music, Broadcast, Stream,'
|
||||
video_path: /assets/vid/radio.mp4
|
||||
image: /assets/vid/radio.jpg
|
||||
layout: default
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
|
||||
|
||||
{% 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 %}
|
||||
<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>" + "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="mainwrap" class="content" style="z-index:1">
|
||||
<h1 style="margin-top:80px">{{ page.title }}</h1>
|
||||
<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 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
|
||||
<a target="_blank" rel="noopener noreferrer" 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>
|
||||
<a target="_blank" rel="noopener" href="https://radio.basspistol.com/radio.mp3">MP3</a>
|
||||
or <a target="_blank" rel="noopener" href="https://radio.basspistol.com/radio.ogg">OGG</a>
|
||||
<br /><br />
|
||||
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>
|
||||
and <a target="_blank" rel="noopener noreferrer" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a></p>
|
||||
<a target="_blank" rel="noopener" href='https://radio.basspistol.com/radio.mp3.m3u'>MP3</a>
|
||||
and <a target="_blank" rel="noopener" href='https://radio.basspistol.com/radio.ogg.m3u'>OGG</a>
|
||||
</p>
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<audio preload="none" data-matomo-title="Basspistol Radio">
|
||||
<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>.
|
||||
</section>
|
||||
|
||||
|
||||
<!-- 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>
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadUrl(newLocation) {
|
||||
window.location = newLocation;
|
||||
return false;
|
||||
}
|
||||
|
||||
var mu = document.getElementsByTagName("audio")[0];
|
||||
var pauseButton = document.getElementById("mu_pause");
|
||||
function muFade() {
|
||||
mu.classList.add("stopfade");
|
||||
}
|
||||
var spincover = document.getElementById("coverart");
|
||||
|
||||
mu.addEventListener('ended', function () {
|
||||
// only functional if "loop" is removed
|
||||
mu.pause();
|
||||
mu.currentTime = 0;
|
||||
|
||||
|
||||
// qq IE10
|
||||
muFade();
|
||||
loadUrl("{{ relBase }}/{{ page.nextTrack.slug }}/"); return false;
|
||||
});
|
||||
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 () {
|
||||
mu.classList.toggle("stopfade");
|
||||
if (mu.paused) {
|
||||
mu.play();
|
||||
pauseButton.innerHTML = "Pause Radio";
|
||||
} else {
|
||||
|
||||
}
|
||||
else {
|
||||
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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue