<!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>