2019-04-24 17:18:35 +02:00
---
permalink: /:categories/:title/
---
<!DOCTYPE html>
< html >
< head >
2019-04-24 18:56:12 +02:00
2019-04-24 17:18:35 +02:00
< meta name = "dc.date.modified" scheme = "ISO8601" content = "{{ site.time | date_to_xmlschema }}" / >
< title > {{ page.title }} - The Sakrecoer Jukebox< / title >
< meta charset = "utf-8" / >
< meta name = 'robots' content = 'index' / >
< meta name = "description" content = "{{ page.title }}, {{ page.content | strip_html | truncatewords: 30 }}" >
< meta name = "keywords" content = "{{ page.title }}, {{ page.keywords }} Sakrecoer, Music, mp3, ogg, download" >
< link rel = "shortcut icon" href = "{{ base }}/assets/img/mininewskoolLOGO.png" type = "image/png" / >
< link rel = "stylesheet" href = "{{ base }}/assets/css/style2014.css" / >
< link rel = "stylesheet" href = "{{ base }}/assets/css/music.css" / >
< script src = "{{ base }}/assets/js/jquery-1.11.1.min.js" > < / script >
< script type = "text/javascript" >
function generateRandomPosts()
{
$.getJSON("{{ base }}/search.json", function(data) {
console.log("[search.json loaded for random posts]");
var postsCount = data.length;
var posts = data;
var randomIndexUsed = [];
var counter = 0;
var numberOfPosts = 5;
var divRandomPosts = $("#random_posts");
divRandomPosts.append('< h2 style = "color:rgba(0,255,255,.7);" > random tracks< / h2 > < hr / > ');
while (counter < numberOfPosts )
{
var randomIndex = Math.floor(Math.random() * postsCount);
if (randomIndexUsed.indexOf(randomIndex) == "-1")
{
var postHREF = posts[randomIndex].href;
var postTitle = posts[randomIndex].title;
if (counter == (numberOfPosts - 1))
{
divRandomPosts.append('< p > < a href = "{{base}}' + postHREF + '" > ' + postTitle + '< / a > < / p > ');
}
else
{
divRandomPosts.append('< p > < a href = "{{base}}' + postHREF + '" > ' + postTitle + '< / a > < / p > < hr / > ');
}
randomIndexUsed.push(randomIndex);
counter++;
}
}
});
}
$(document).ready(function() {
generateRandomPosts();
});
function loadUrl(newLocation) {
window.location = newLocation;
return false;
}
< / script >
< / head >
< body id = "Music" >
< span itemscope itemtype = "http://schema.org/MusicRecording" >
< meta itemprop = "byArtist" content = "reSet Sakrecoer" / >
< div id = "navigation" >
< button id = "mu_pause" > Pause< br / > Music< / button >
< br / >
{% if page.previous_in_category != nil %}
< a href = "{{ base }}{{ page.previous_in_category.url }}" title = "Previous Track" > < img src = "{{ base }}/assets/img/icons/skiprwd.png" title = "Previous Track" / > < / a >
{% endif %}
< a id = "download" title = "Download This Track!" href = "{{ page.mp3 }}" > < img src = "{{ base }}/assets/img/icons/dl.png" title = "Download Track" / > < / a >
{% if page.next_in_category != nil %}
< a href = "{{ base }}{{ page.next_in_category.url }}" title = "Next Track" > < img src = "{{ base }}/assets/img/icons/skipfwd.png" title = "Next Track" / > < / a >
{% endif %}
< br / > < br / > < a id = "lyrics" title = "Lyrics/Description" href = "{{ base }}/music/index.html#lyrics{{ page.uid }}" target = "_blank" > Description< br / > (click for lyrics)< / a >
< div id = "a" > < / div >
< div id = "ab" > To download: < br / > < b > Right-Click and "Save link as"< / b > < / div >
< div id = "abc" > < h1 itemprop = "name" > < a itemprop = "url" href = "{{ site.production_url }}{{ page.url }}" > {{ page.title }}< / a > < / h1 > Publishing Date: < time itemprop = "datePublished" datetime = "{{ page..date | date_to_string }}" > {{ page..date | date_to_string }}< / time > < br / > GENRE: < span itemprop = "genre" > {{ page.keywords }}< / span > < / div >
< div >
{% include navmenu.html %}
< / div >
< / div >
{% for post in site.categories.music offset: 0 limit: 1 %}
< span itemscope itemprop = "audio" itemtype = "http://schema.org/AudioObject" >
< audio id = "{{ page.uid }}" preload = "true" autoplay ontimeupdate = "document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);" audio . mediaGroup = "deluxe" >
< source src = "{{ page.mp3 }}" type = "audio/mpeg" / >
< source src = "{{ page.ogg }}" type = "audio/ogg" / >
< h1 > Your browser isn't ready for so much hotness. Use the download-link instead.< / h1 > .
< meta itemprop = "name" content = "{{ page.title }}" / >
< / audio >
< meta itemprop = "image" content = "{{ page.bgimg }}" / >
< span itemprop = "encodingFormat" content = "mp3" > < meta itemprop = "url" content = "{{ page.mp3 }}" / > < / span >
< span itemprop = "encodingFormat" content = "ogg" > < meta itemprop = "url" content = "{{ page.ogg }}" / > < / span >
< / span >
< / span >
< span id = "tracktime" > < / span >
{% endfor %}
< div id = "random_posts" >
< / div >
<!-- stylemachine by Sakrecoer - snipthis if ya feel it - its the pary that runs the player ;) -->
{% include cookiemonster.html %}
< script type = "text/javascript" >
var mu = document.getElementsByTagName("audio")[0];
var pauseButton = document.getElementById("mu_pause");
function muFade() {
mu.classList.add("stopfade");
}
mu.addEventListener('ended', function() {
// only functional if "loop" is removed
mu.pause();
mu.currentTime=0;
{% if page.next_in_category != nil %}
loadUrl('{{ base }}{{ page.next_in_category.url }}'); return false;
{% endif %}
// to capture IE10
muFade();
});
pauseButton.addEventListener("click", function() {
mu.classList.toggle("stopfade");
if (mu.paused) {
mu.play();
pauseButton.innerHTML = "Pause< br / > Music";
} else {
mu.pause();
pauseButton.innerHTML = "Resume< br / > Music";
}
});
< / script >
{% for post in site.categories.music offset: 0 limit: 1 %}
< style type = "text/css" >
html,
body{
background:url('{{ page.bgimg }}') #0ff no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
< / style >
{% endfor %}
< / body >
< / html >
