2019-04-24 17:18:35 +02:00
<!DOCTYPE html>
< html >
< head >
2019-04-24 18:56:12 +02:00
2019-04-24 17:18:35 +02:00
< title > {{ page.title }} by {{ site.title }}< / title >
< meta name = "dc.date.modified" scheme = "ISO8601" content = "{{ site.time | date_to_xmlschema }}" / >
< meta charset = "utf-8" / >
< meta name = 'robots' content = 'index' / >
< meta name = "description" content = "{{ page.title }} by {{ site.title }}. {{ content | truncatewords:40 | strip_html }}" >
< meta name = "date" content = "{{ page.date | date: '%Y-%m-%d' }}" scheme = "YYYY-MM-DD" >
< meta name = "keywords" content = "{{ page.title }}, {{ page.keywords }} Sakrecoer, Music, mp3, ogg, download" >
< meta property = "og:image" content = "{{ site.production_url }}{{ site.audio_url }}{{ page.bgimg }}" / >
< meta property = "og:title" content = "{{ page.title }}" / >
< meta property = "og:type" content = "music.song" / >
< meta property = "og:audio:url" content = "{{ site.production_url }}{{ site.audio_url }}{{ page.mp3 }}" / >
< meta property = "og:audio:type" content = "audio/mpeg" / >
< meta property = "og:site_name" content = "{{ site.title }}" / >
< meta property = "og:description" content = "{{ content | truncatewords:30 | strip_html }}" / >
< meta property = "og:url" content = "{{ site.production_url }}{{ page.url }}" / >
< meta property = "music:release_date" content = "{{ page.date | date_to_xmlschema }}" / >
< meta property = "music:musician" content = "http://musicbrainz.org/artist/a2899399-d1d5-462f-9d56-ec1ea78cc4b6" / >
< link rel = "shortcut icon" href = "{{ base }}/assets/img/mininewskoolLOGO.png" type = "image/png" / >
< link rel = "stylesheet" type = "text/css" href = "{{ base }}/assets/css/kid3player.css" / >
< / head >
< body >
< span itemscope itemtype = "http://schema.org/MusicRecording" >
< meta itemprop = "byArtist" content = "{{ page.artist }}" / >
< div id = "navigation" >
< button id = "mu_pause" > Pause / Play< / button >
< h1 > {% 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 = "{{ site.audio_url }}{{ 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 %}
< / h1 >
< a href = "{{ base }}/music/index.html" > Back to Index< / a >
< / div >
< div id = "lyrics" >
< h1 class = "title" > {{ page.title }}< / h1 >
{{ page.content }}
< / div >
< span itemscope itemprop = "audio" itemtype = "http://schema.org/AudioObject" >
< audio preload = "true" autoplay ontimeupdate = "document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);" audio . mediaGroup = "deluxe" >
< source src = "{{ site.audio_url }}{{ page.mp3 }}" type = "audio/mpeg" / >
< source src = "{{ site.audio_url }}{{ 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 = "{{ bgimg }}" / >
< span itemprop = "encodingFormat" content = "mp3" > < / span >
< / span >
< / span >
< div id = "tracktime" > < / div >
{% include navmenu.html %}
<!-- stylemachine by Sakrecoer - snipthis if ya feel it - its the pary that runs the player ;) -->
< 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");
}
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 %}
// qq 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 >
< style type = "text/css" >
html,
body{
background:url('{{ site.audio_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 >
< / body >
< / html >
