hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

layout of music

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-09 19:04:46 +02:00
parent 05a7b25ba4
commit 4f4e2e00f2
5 changed files with 67 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

46
_layouts/music.html
View file

@ -2,29 +2,37 @@
layout: default
---
<div id="player">
<div id="controls">
<div class="container">
<button id="mu_pause">Play</button>
<h1>{% if page.previous != nil %}
<a href="{{ site.baseurl }}{{ page.previous.url }}" title="Previous Track"><img
src="{{ site.baseurl }}/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="{{ site.baseurl }}/assets/img/icons/dl.png" title="Download Track" /></a>
{% if page.next != nil %}
<a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
</h1>
<a href="{{ site.baseurl }}/music/">Back to Index</a>
<div id="info" style="background-image:url('{{ site.audio_url }}{{ page.image }}');">
<div id="controls">
<div class="container">
<button id="mu_pause">Play</button>
<h1>{% if page.previous != nil %}
<a href="{{ site.baseurl }}{{ page.previous.url }}" title="Previous Track"><img
src="{{ site.baseurl }}/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="{{ site.baseurl }}/assets/img/icons/dl.png" title="Download Track" /></a>
{% if page.next != nil %}
<a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
</h1>
</div>
<div class="trackcontainer">
<h1 class="title">{{ page.title }}</h1>
<p id="tracktime"></p>
</div>
</div>
</div>
<div id="info">
<h1 class="title">{{ page.title }}</h1>
<div id="timer">
{{ page.content }}
</div>
<div id="timer"><p id="tracktime"></p></div>
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
</div>
<audio preload="true"