From 4108c378c4d681869347d80c1a04b8c870c70ad4 Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@hallstrom.ch>
Date: Thu, 2 May 2019 21:15:10 +0200
Subject: [PATCH] fiddling arround with that player shieet

---
 _layouts/music.html | 46 +++++++++++++++++++++++----------------------
 _sass/main.scss     |  6 ++++++
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/_layouts/music.html b/_layouts/music.html
index 2329a48..566df49 100644
--- a/_layouts/music.html
+++ b/_layouts/music.html
@@ -1,35 +1,37 @@
 ---
 layout: default
 ---
-<div id="navigation">
-  <button id="mu_pause">Play</button>
-  <h1>{% if page.previous_in_category != nil %}
-    <a href="{{ site.baseurl }}{{ page.previous_in_category.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_in_category != nil %}
-    <a href="{{ site.baseurl }}{{ page.next_in_category.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>
+<div id="player">
+  <div id="controls">
+    <button id="mu_pause">Play</button>
+    <h1>{% if page.previous_in_category != nil %}
+      <a href="{{ site.baseurl }}{{ page.previous_in_category.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_in_category != nil %}
+      <a href="{{ site.baseurl }}{{ page.next_in_category.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>
 
-<div id="lyrics">
-  <h1 class="title">{{ page.title }}</h1>
-  {{ page.content }}
-</div>
+  <div id="info">
+    <h1 class="title">{{ page.title }}</h1>
+    {{ page.content }}
+  </div>
 
+
+  <div id="tracktime"></div>
+  <!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
+</div>
 <audio preload="true"
   ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
   <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>.
 </audio>
-<div id="tracktime"></div>
-<!-- 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;
@@ -64,7 +66,7 @@ layout: default
 <style type="text/css">
   html,
   body {
-    background:url('{{ site.audio_url }}{{ page.image }}') #0ff no-repeat center center fixed;
+    background:url('{{ site.audio_url }}{{ page.image }}') #0ff no-repeat center fixed;
     background-size: contain;
   }
 </style>
\ No newline at end of file
diff --git a/_sass/main.scss b/_sass/main.scss
index 2d76415..7409d7c 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -42,4 +42,10 @@ a {
 
 /* Music Template */
 
+#player {
+  display: flex;
+}
 
+#controls {
+
+}
\ No newline at end of file