new navigation

This commit is contained in:
Set Sakrecoer 2019-07-09 22:17:29 +02:00
parent 12dcd72ab6
commit 3be4c302ef
50 changed files with 203 additions and 467 deletions

View file

@ -9,6 +9,11 @@
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
{% include seo.html %}
<style>
body{
background: url('{{ page.image }}');
}
</style>
</head>
<body>
{{ content }}

View file

@ -5,28 +5,29 @@ layout: default
<div id="info" style="background-image:url('{{ site.audio_url }}{{ page.image }}');">
<div id="controls">
<div class="container">
<button id="mu_pause">Play</button>
<p id="tracktime">&nbsp;</p>
<button id="mu_pause">Play</button><br />
{% 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 %}
</div>
<div class="trackcontainer">
{% 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 class="title">{{ page.title }}</h1>
</div>
</div>
</div>
<div class="trackcontainer">
<h1>{{ page.title }}</h1>
<h2 id="tracktime">&nbsp;</h2>
</div>
<div id="timer">