118 lines
4.3 KiB
HTML
118 lines
4.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
{% include base.html %}
|
||
|
|
|
||
|
|
<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>
|