realtive paths

music.html

@@ -4,6 +4,7 @@ description: Officially released but also exclusive audio-material by Sakrecoer
 layout: default
 image: /assets/img/world.svg
 ---
+{% include relBase.html %}
 {% include navmenu.html %}
 
 <div id="hero" style="height: 40vh; background:transparent;" >
@@ -11,7 +12,7 @@ image: /assets/img/world.svg
 
     <div class="pivot">
        
-      <a href="{{ site.baseurl }}/"><h2>Back</h2></a>
+      <a href="{{ relBase }}/"><h2>Back</h2></a>
       <h1>Music</h1>
       <p>{{ page.description }}</p>
       {% include liberapay.html %}
@@ -47,7 +48,7 @@ image: /assets/img/world.svg
 
   {% for track in site.tracks reversed %}
   <div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
-    <a href="{{ track.url }}">
+    <a href="{{ relBase }}{{ track.url }}">
       <div class="track" style="background-image:url({{ track.image }});"></div>
       <h3>{{ track.title }}</h3>
     </a>
@@ -92,7 +93,7 @@ body {
   -moz-animation: AnimationName 60s ease infinite;
   animation: AnimationName 60s ease infinite; }
 #wallpaper {
-  background-image: url('{{ page.image }}');
+  background-image: url('{{ relBase }}{{ page.image }}');
   background-position: center;
   background-repeat: repeat;
   -webkit-animation: AnimationName 60s ease infinite;