layout of music

_includes/navmenu.html

@@ -1,14 +1,2 @@
-<ul id="nav">
+<div><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
-	<li><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
+</div>
-		<ul>
-			
-			<li><a href="{{ site.baseurl }}/discography/">Discog</a></li>
-			<li><a href="{{ site.baseurl }}/about/">About</a></li>
-			<li><a href="{{ site.baseurl }}/links/">Links</a></li>
-			<li><a href="{{ site.baseurl }}/blog/">Log</a></li>
-			<li><a href="{{ site.baseurl }}/music/">Music Index</a></li>
-			<li><a href="{{ site.baseurl }}/">Home</a></li>
-		</ul>
-	</li>
-
-</ul>

_layouts/music.html

@@ -2,9 +2,11 @@
 layout: default
 ---
 <div id="player">
+  <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>
@@ -15,16 +17,22 @@ layout: default
           <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>
-  </div>
+      <div class="trackcontainer">
-  <div id="info">
         <h1 class="title">{{ page.title }}</h1>
+        <p id="tracktime"></p>
+      </div>
+    </div>
+
+  </div>
+
+
+  <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"

_sass/main.scss

@@ -25,10 +25,11 @@ a {
 }
 .trackcontainer {
   flex: 1 1 300px;
-  padding: 0;
+  padding: 10px;
   margin: 0;
-  h3, p {
+  h1, h3, p {
     padding: 5px;
+    color: rgb(249, 234, 214);
   }
 }
 .track {
@@ -51,10 +52,15 @@ a {
 }
 
 #controls {
+  display: flex;
   flex: 0 0 200px;
   border: #000 solid 1px;
+  box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
+  border-radius: 3px;
   padding: 15px;
   margin: 0 auto;
+  min-height: 200px;
+  background-color: rgba(61, 0, 102, 0.884);
   button {
     background-color: #f00;
     width: 100px;
@@ -66,21 +72,40 @@ a {
     background-color: rgb(253, 83, 83);
  }
  .container {
-    background-color: rgba(128, 128, 128, 0.7);
+  border: #000 solid 1px;
-    margin: auto;
+  box-shadow: 5px 10px rgb(0, 0, 0);
-    width: 200px;
+  border-radius: 3px;
+  margin: 0 auto 0 0;
+  width: 10em;
+  text-align: center;
+  border-radius: 3px;
+  padding: 10px;
   }
 }
 #info {
   flex: 1 1 500px;
-  border: #000 solid 1px;
+min-height: 50vh;
   padding: 15px;
+  background-color: rgba(61, 0, 102, 0.884);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 #timer {
   flex: 1 1 200px;
-  border: #000 solid 1px;
+  max-height: 50vh;
+  overflow-y: scroll;
   padding: 15px;
-
+  background-size: cover;
+  background-position: center;
+  p {
+    background-color: rgba(60, 0, 100, 0.664);
+    padding: 10px;
+    border-radius: 3px;
+    color: #fff;
+    box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
+    border: #000 solid 1px;
+  }
 }
 #tracktime {
   margin-bottom: auto;

_tracks/2013-04-03-AlbinoLion.md

@@ -15,12 +15,8 @@ My 2013 motto is to record live versions of sexy beats i do right away and post
 
 Special dedication to your subwoofers! Fuck racism and copyright laws! We all make brown shit! Don't fear your creations: Take actions!
 
-This one features Janie Joelle:\\
+This one features [Janie Joelle](http://freesound.org/people/juskiddink/sounds/93668/)\\
-http://freesound.org/people/juskiddink/sounds/93668/\\
+some [monks](http://freesound.org/people/Robinhood76/sounds/66285/)\\
-some horny monks:\\
+A [catnip](http://freesound.org/people/Department64/sounds/64015/)\\
-http://freesound.org/people/Robinhood76/sounds/66285/\\
+And a [monkey](https://sakrecoer.com
-A horny catnip: \\
+)
-http://freesound.org/people/Department64/sounds/64015/\\
-And a horney monkey:\\
-http://sakrecoer.com
-

_tracks/2016-08-30-dependency.md

@@ -40,17 +40,3 @@ Installed and running and compatible with society\\
 But i am running a different library\\
 Because my kernel is still libre and free.
 
-written on: 20160830\\
--- 
-Set Hallstrom aka sakrecoer\\
------BEGIN PGP SIGNATURE-----\\
-Version: GnuPG v1
-
-iQEcBAEBAgAGBQJXxY9xAAoJENnFZk3HTX5ntF8H/04geT4CV8Fbqej/uDCykBiA\\
-GV3xvGr7FLPGPrPvCNy91ZHig/mQaNmkPwcdBKX0AAwChJQnHHmk5+rCtaytAk8Y\\
-+BwuH6HBUX24e5H2ANiRxi4cF2v08S5Lwxwc9LQg6loN3EtbNXINzpCHB/A02jag\\
-AWoHVm9rrGuNnDakeAiFcRaLnGxFQ/cNHXB7C+UVl7f0xV9X0wNEDAgfSYALohug\\
-pKtZHifWJXHdZMR6e4sPpq+CCmXtfkrTnko1qtKQhFKHfWr/dLeEc6RF3dQ8M7PY\\
-f9om3CZzaBhuYSNZt3NXmcT+aduzCYKhg1BwaKglHz0u1q9ZT2WCTMejDcwmhwE=\\
-=Okd/\\
------END PGP SIGNATURE-----