diff --git a/_config.yml b/_config.yml
index dc50251..666b911 100644
--- a/_config.yml
+++ b/_config.yml
@@ -22,7 +22,7 @@ social:
 
 production_url : https://basspistol.com
 baseurl : ''
-shop_url: https://shop.basspistol.com/
+shop_url: https://shop.basspistol.com/?ref=basspistol.com
 
 # excerpt_separator: '<!--more-->'
 pagination:
diff --git a/_includes/highlight_pagination.html b/_includes/highlight_pagination.html
index c3d90ed..059c01f 100644
--- a/_includes/highlight_pagination.html
+++ b/_includes/highlight_pagination.html
@@ -17,28 +17,28 @@
         <br /><br /><a id="commentlink" href="mailto:info+comment@basspistol.com?subject=Regarding the post &quot;{{ page.title }}&quot;!&body=Hey! The post on on your site with the title &quot;{{ page.title }}&quot; is wrong/right/good/bad/weird/peanuts/jelly/crazy/" style="text-decoration:none;">Write a comment</a>
         <br /><br /><h2>
 {% if prev_post %}
-        <a href="{{ site.baseurl }}{{ prev_post }}" style="text-decoration: none;">&laquo; Older</a> {% if next_post %}<span style="color:#313d26;">|</span>{% endif %} 
+        <a href="{{ relBase }}{{ prev_post }}" style="text-decoration: none;">&laquo; Older</a> {% if next_post %}<span style="color:#313d26;">|</span>{% endif %} 
 {% endif %}
 {% if next_post %}
-        <a href="{{ site.baseurl }}{{ next_post }}" style="text-decoration: none;">Newer&raquo;</a> 
+        <a href="{{ relBase }}{{ next_post }}" style="text-decoration: none;">Newer&raquo;</a> 
 {% endif %}
         </h2>
 
         <p>Tags:</p>
         {% assign sortedtags = page.tags | sort %} {% for tags in sortedtags%}
-        <a href="{{ site.baseurl }}/tags/#{{ tags }}">{{ tags }}</a> / 
+        <a href="{{ relBase }}/tags/#{{ tags }}">{{ tags }}</a> / 
         {% endfor %}
         <br /><br />
         <a style="text-decoration: none;" href="https://touch.facebook.com/sharer.php?u={{ page.link | xml_escape }}&quote={{ page.description | xml_escape }} via https://basspistol.com" target="_blank" rel="noopener noreferrer nofollow">
-          <img src="{{ site.baseurl }}/assets/img/facebook.svg" width="22px" height="22px" alt="share on facebook" />
+          <img src="{{ relBase }}/assets/img/facebook.svg" width="22px" height="22px" alt="share on facebook" />
         </a>
         <a style="text-decoration: none;"  href="https://twitter.com/share?url={{ page.link | xml_escape }}&text={{ page.description | xml_escape }}&via=bpist&hashtags=BpistHilights" target="_blank" rel="noopener noreferrer nofollow">
-          <img src="{{ site.baseurl }}/assets/img/twitter.svg" width="24px" height="24px" alt="share on twitter" />
+          <img src="{{ relBase }}/assets/img/twitter.svg" width="24px" height="24px" alt="share on twitter" />
         </a>
         <a style="text-decoration: none;"  href="https://telegram.me/share/url?url={{ page.link }}&text={{ page.description }} via &#64;basspistolQC" target="_blank" rel="noopener noreferrer nofollow">
-          <img src="{{ site.baseurl }}/assets/img/telegram.svg" width="24px" height="24px" alt="share on telegram" />
+          <img src="{{ relBase }}/assets/img/telegram.svg" width="24px" height="24px" alt="share on telegram" />
         </a>
         <a style="text-decoration: none;"  href="https://reddit.com/submit/?url={{ page.link }}" target="_blank" rel="noopener noreferrer nofollow">
-          <img src="{{ site.baseurl }}/assets/img/reddit.svg" width="24px" height="24px" alt="share on reddit" />
+          <img src="{{ relBase }}/assets/img/reddit.svg" width="24px" height="24px" alt="share on reddit" />
         </a>
       </div>
\ No newline at end of file
diff --git a/_includes/highlightmetahead.html b/_includes/highlightmetahead.html
index 602acf6..4a7cdc3 100644
--- a/_includes/highlightmetahead.html
+++ b/_includes/highlightmetahead.html
@@ -1,7 +1,7 @@
 {% include highlightbase.html %}
 {% include asciisplash.html %}
-  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/basspistolico.png" type="image/png" />
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+  <link rel="shortcut icon" href="{{ relBase }}/assets/img/basspistolico.png" type="image/png" />
+  <link rel="stylesheet" href="{{ relBase }}/assets/css/style.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
   <link rel="alternate" type="application/rss+xml" href="{{ site.production_url }}/rss.xml" />
 
@@ -225,5 +225,5 @@
 
 
   <!-- END rendered SEO Meta -->
-  <script src="{{ site.baseurl }}/assets/js/jquery-3.4.1.min.js"></script>
+  <script src="{{ relBase }}/assets/js/jquery-3.4.1.min.js"></script>
 
diff --git a/_includes/highlightsnavmenu.html b/_includes/highlightsnavmenu.html
index b3cc219..68f9e55 100644
--- a/_includes/highlightsnavmenu.html
+++ b/_includes/highlightsnavmenu.html
@@ -2,31 +2,31 @@
     <ul>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/" title="Home" class="icofont-home"></a>
+        <a href="{{ relBase }}/" title="Home" class="icofont-home"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/discography/" title="Discography" class="icofont-disc"></a>
+        <a href="{{ relBase }}/discography/" title="Discography" class="icofont-disc"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/radio/" title="Radio" class="icofont-radio"></a>
+        <a href="{{ relBase }}/radio/" title="Radio" class="icofont-radio"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/highlights/" title="Highlights" class="icofont-newspaper current"></a>
+        <a href="{{ relBase }}/highlights/" title="Highlights" class="icofont-newspaper current"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/artists/" title="Artists" class="icofont-people"></a>
+        <a href="{{ relBase }}/artists/" title="Artists" class="icofont-people"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/about/" title="About" class="icofont-finger-print"></a>
+        <a href="{{ relBase }}/about/" title="About" class="icofont-finger-print"></a>
       </li>
 
       <li class="icofont">
-        <a href="{{ site.baseurl }}/links/" title="Links" class="icofont-link"></a>
+        <a href="{{ relBase }}/links/" title="Links" class="icofont-link"></a>
       </li>
 
       <li class="icofont">
diff --git a/_includes/metahead.html b/_includes/metahead.html
index 76f750a..514de93 100644
--- a/_includes/metahead.html
+++ b/_includes/metahead.html
@@ -1,7 +1,7 @@
 
 {% include asciisplash.html %}
-  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/basspistolico.png" type="image/png" />
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+  <link rel="shortcut icon" href="{{ relBase }}/assets/img/basspistolico.png" type="image/png" />
+  <link rel="stylesheet" href="{{ relBase }}/assets/css/style.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
   <link rel="alternate" type="application/rss+xml" href="{{ site.production_url }}/rss.xml" />
   
@@ -220,5 +220,5 @@
 
 
   <!-- END rendered SEO Meta -->
-  <script src="{{ site.baseurl }}/assets/js/jquery-3.4.1.min.js"></script>
+  <script src="{{ relBase }}/assets/js/jquery-3.4.1.min.js"></script>
 
diff --git a/_includes/navmenu.html b/_includes/navmenu.html
index d87dcbe..5b4db56 100644
--- a/_includes/navmenu.html
+++ b/_includes/navmenu.html
@@ -2,7 +2,7 @@
     <ul>
 {% for link in site.data.navigation %}
       <li class="icofont">
-        <a href="{{ site.baseurl }}{{ link.url }}" title="{{ link.title }}" class="{{ link.text }}{% if page.url == link.url %} current{% endif %}"></a>
+        <a href="{{ relBase }}{{ link.url }}" title="{{ link.title }}" class="{{ link.text }}{% if page.url == link.url %} current{% endif %}"></a>
       </li>
 {% endfor %}
       <li class="icofont">
diff --git a/_includes/relBase.html b/_includes/relBase.html
new file mode 100644
index 0000000..94ba93e
--- /dev/null
+++ b/_includes/relBase.html
@@ -0,0 +1,12 @@
+{% assign relBase = '' %}
+{% assign tempDepth = page.url | append: 'hackish-solution' | split: '/' | size | minus: 2 %}
+{% for i in (1..tempDepth) %}
+  {% if forloop.last %}
+    {% assign relBase = relBase | append: ".." %}
+  {% else %}
+    {% assign relBase = relBase | append: "../" %}
+  {% endif %}
+{% endfor %}
+{% if relBase == '' %}
+    {% assign relBase = '.' %}
+{% endif %}
\ No newline at end of file
diff --git a/_includes/releasemeta.html b/_includes/releasemeta.html
index 049f293..ff38080 100644
--- a/_includes/releasemeta.html
+++ b/_includes/releasemeta.html
@@ -1,7 +1,7 @@
 
 {% include asciisplash.html %}
-  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/basspistolico.png" type="image/png" />
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+  <link rel="shortcut icon" href="{{ relBase }}/assets/img/basspistolico.png" type="image/png" />
+  <link rel="stylesheet" href="{{ relBase }}/assets/css/style.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
   <link rel="alternate" type="application/rss+xml" href="{{ site.production_url }}/rss.xml" />
 
@@ -168,4 +168,4 @@
       ]
   }
   </script>
-  <script src="{{ site.baseurl }}/assets/js/jquery-3.4.1.min.js"></script>
\ No newline at end of file
+  <script src="{{ relBase }}/assets/js/jquery-3.4.1.min.js"></script>
\ No newline at end of file
diff --git a/_includes/trackmeta.html b/_includes/trackmeta.html
index 421f742..f61184c 100644
--- a/_includes/trackmeta.html
+++ b/_includes/trackmeta.html
@@ -1,7 +1,7 @@
 
 {% include asciisplash.html %}
-  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/img/basspistolico.png" type="image/png" />
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+  <link rel="shortcut icon" href="{{ relBase }}/assets/img/basspistolico.png" type="image/png" />
+  <link rel="stylesheet" href="{{ relBase }}/assets/css/style.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
   <link rel="alternate" type="application/rss+xml" href="{{ site.production_url }}/rss.xml" />
   
@@ -128,5 +128,5 @@
 
 
   <!-- END rendered SEO Meta -->
-  <script src="{{ site.baseurl }}/assets/js/jquery-3.4.1.min.js"></script>
+  <script src="{{ relBase }}/assets/js/jquery-3.4.1.min.js"></script>
   
\ No newline at end of file
diff --git a/_includes/videopageheader.html b/_includes/videopageheader.html
index ead2acb..64566b2 100644
--- a/_includes/videopageheader.html
+++ b/_includes/videopageheader.html
@@ -1,5 +1,5 @@
-    <video poster="{{ site.baseurl }}{{ page.poster_image }}" id="bgvid" autoplay playsinline muted loop>
-       <source src="{{ site.baseurl }}{{ page.video_path }}" type="video/mp4">
+    <video poster="{{ relBase }}{{ page.poster_image }}" id="bgvid" autoplay playsinline muted loop>
+       <source src="{{ relBase }}{{ page.video_path }}" type="video/mp4">
     </video>
-    <img id="bgpic" src="{{ site.baseurl }}{{ page.poster_image }}" alt="Basspistol" />
+    <img id="bgpic" src="{{ relBase }}{{ page.poster_image }}" alt="Basspistol" />
     <div id="headline"><h1>~/{{ page.subtitle }}</h1></div>
diff --git a/_layouts/album.html b/_layouts/album.html
index 8554794..c7e7616 100644
--- a/_layouts/album.html
+++ b/_layouts/album.html
@@ -3,6 +3,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include releasemeta.html %}
 {% include matomo.html %}
 </head>
@@ -10,18 +11,18 @@
 {% include navmenu.html %}
   <div id="content">
     <div id="headline"><h1>~/{{ page.name }} by {{ page.artists }} </h1></div>
-    <div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
-    <div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
+    <div id="linkhead" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
+    <div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
     <div class="padded">
-      <h1>{{ page.title }}</h1>{% for track in page.tracks limit: 1 %}<a href="{{ track.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ site.baseurl }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a>{% endfor %}
+      <h1>{{ page.title }}</h1>{% for track in page.tracks limit: 1 %}<a href="{{ track.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ relBase }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a>{% endfor %}
       <p>Released on: <strong>{{ page.date | date: "%a, %b %d, %Y" }}</strong></p><br />
       
     </div>
     <div class="fitter">
 {% for track in page.tracks %}
       <div class="articles">
-        <a href="{{ site.baseurl }}/tracks/{{ page.slug }}/{{ track.slug }}/">
-            <img class="recordthumbs_mini" src="{{ site.baseurl }}{{ track.cover}}" title="{{ track.common.title }}" alt="{{ track.common.title }}" width="100px"/>
+        <a href="{{ relBase }}/tracks/{{ page.slug }}/{{ track.slug }}/">
+            <img class="recordthumbs_mini" src="{{ relBase }}{{ track.cover}}" title="{{ track.common.title }}" alt="{{ track.common.title }}" width="100px"/>
             <br /><h3>{{ track.common.track.no }}. {{ track.common.title }}</h3>
         </a>
         {% if track.common.genre != null %}<p>Genre: <strong>{{ track.common.genre }}</strong></p>{% endif %}
diff --git a/_layouts/article.html b/_layouts/article.html
index 3da780a..c5624cc 100644
--- a/_layouts/article.html
+++ b/_layouts/article.html
@@ -3,6 +3,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
@@ -10,8 +11,8 @@
 {% include navmenu.html %}
   <div id="content">
     <div id="headline"><h1>~/hi-light</h1></div>
-    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
-    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
+    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
+    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
     <div class="fitter">
       <div class="articles-pargraph">
         <h1>{{ page.title }}</h1>
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 9fe40e3..0ab744e 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
@@ -11,8 +12,8 @@
     <div class="fitter">
 {% for page in site.categories.highlights offset: 0 limit: 15 %}
       <div class="records">
-        <a href="{{ site.baseurl }}{{ page.url }}">
-          <img class="recordthumbs" src="{{ site.baseurl }}{{ page.coverart.art }}" title="{{ page.title }}" alt="{{ page.title }}" />
+        <a href="{{ relBase }}{{ page.url }}">
+          <img class="recordthumbs" src="{{ relBase }}{{ page.coverart.art }}" title="{{ page.title }}" alt="{{ page.title }}" />
         </a>
       </div>
 {% endfor %}  
diff --git a/_layouts/default.html b/_layouts/default.html
index 8968ebc..aea4d2d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 
diff --git a/_layouts/link.html b/_layouts/link.html
index 979d286..32cc2a5 100644
--- a/_layouts/link.html
+++ b/_layouts/link.html
@@ -3,6 +3,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
@@ -10,8 +11,8 @@
 {% include navmenu.html %}
   <div id="content">
     <div id="headline"><h1>~/hi-light</h1></div>
-    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
-    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
+    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkhead" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
+    <a href="{{ page.link }}?ref=TheOuternationalMusicSyndicateWasHere" target="_blank" rel="noopener noreferrer"><div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.image }}');background-size:cover;background-position:center;opacity:0.75;"></div></a>
     <div class="fitter">
       <div class="articles-pargraph">
         <h1>{{ page.title }}</h1>
diff --git a/_layouts/track.html b/_layouts/track.html
index f7a1d8d..38c3c56 100644
--- a/_layouts/track.html
+++ b/_layouts/track.html
@@ -3,6 +3,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+{% include relBase.html %}
 {% include trackmeta.html %}
 {% include matomo.html %}
   </head>
@@ -10,15 +11,15 @@
 {% include navmenu.html %}
   <div id="content">
      <div id="headline"><h1>~/{{ page.common.title }}</h1></div>
-    <div id="linkhead" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
-    <div id="linkheadthumb" style="background-image:url('{{ site.baseurl }}{{ page.cover }}');background-size:cover;background-position:center;"></div>   
+    <div id="linkhead" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>
+    <div id="linkheadthumb" style="background-image:url('{{ relBase }}{{ page.cover }}');background-size:cover;background-position:center;"></div>   
     <div class="fitter">
       <div class="articles" style="text-align: center">
         <p>&nbsp;</p>
-        <a id="rwd" href="{{ site.baseurl }}/tracks/{{ page.previousTrack.albumSlug }}/{{ page.previousTrack.slug }}/">&lt;&lt; RWD</a> 
+        <a id="rwd" href="{{ relBase }}/tracks/{{ page.previousTrack.albumSlug }}/{{ page.previousTrack.slug }}/">&lt;&lt; RWD</a> 
         <button id="mu_pause" style="margin:0 5px 0 5px;">Pause</button>
-        <a id="ffwd" href="{{ site.baseurl }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/">FWD &gt;&gt;</a>
-        <p style="padding:40px;"><a href="{{ page.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ site.baseurl }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a></p>
+        <a id="ffwd" href="{{ relBase }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/">FWD &gt;&gt;</a>
+        <p style="padding:40px;"><a href="{{ page.transformed["ID3v2.4"].WOAS }}" target="_blank" rel="noopener noreferrer"><img src="{{ relBase }}/assets/img/cloud-download.svg" width="64px" height="64px" /></a></p>
       </div>   
       <div class="articles">
         <h3>{{ page.common.track.no }}. {{ page.common.title }}</h3>
@@ -39,9 +40,9 @@
     </div>
   </div>
     <audio preload="none" data-matomo-title="{{ page.common.artists }} - {{ page.common.title }}" autoplay ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
-      <source src="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3" type="audio/mpeg" />
-      <!-- <source src="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg" type="audio/ogg" /> -->
-      <h1>Your browser isn't ready for so much hotness. Use these links instead: <a href="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg">OGG</a> or <a href="{{ site.baseurl }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3">MP3</a></h1>.
+      <source src="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3" type="audio/mpeg" />
+      <!-- <source src="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg" type="audio/ogg" /> -->
+      <h1>Your browser isn't ready for so much hotness. Use these links instead: <a href="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.ogg">OGG</a> or <a href="{{ relBase }}/assets/albums/{{ page.albumSlug }}/{{ page.slug }}.mp3">MP3</a></h1>.
     </audio>
   <script type="text/javascript">
     function loadUrl(newLocation) {
@@ -58,7 +59,7 @@
     mu.pause();
     mu.currentTime=0;
     
-    loadUrl("{{ site.baseurl }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/"); return false;
+    loadUrl("{{ relBase }}/tracks/{{ page.nextTrack.albumSlug }}/{{ page.nextTrack.slug }}/"); return false;
 
     // qq IE10
     muFade();
diff --git a/artists.html b/artists.html
index 663fe64..030aa3d 100644
--- a/artists.html
+++ b/artists.html
@@ -9,6 +9,7 @@ poster_image: /assets/vid/artists.jpg
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
diff --git a/discography.html b/discography.html
index fb784ab..d5e0b73 100644
--- a/discography.html
+++ b/discography.html
@@ -9,6 +9,7 @@ poster_image: /assets/vid/discogs.jpg
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
@@ -21,8 +22,8 @@ poster_image: /assets/vid/discogs.jpg
 {% assign sorted = site.albums | reverse %}
 {% for album in sorted %}
       <div class="records">
-        <a href="{{ site.baseurl }}/albums/{{ album.slug }}/">
-            <img class="recordthumbs" src="{{ site.baseurl }}{{ album.cover }}" title="{{ album.name }}" alt="{{ album.name }}" />
+        <a href="{{ relBase }}/albums/{{ album.slug }}/">
+            <img class="recordthumbs" src="{{ relBase }}{{ album.cover }}" title="{{ album.name }}" alt="{{ album.name }}" />
         </a>
       </div>
 {% endfor %}
diff --git a/highlights.html b/highlights.html
index 108eb8f..0b7ebe9 100644
--- a/highlights.html
+++ b/highlights.html
@@ -18,6 +18,7 @@ pagination:
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include highlightmetahead.html %}
 {% include matomo.html %}
 </head>
@@ -31,8 +32,8 @@ pagination:
       </div>
       {% for post in paginator.posts %}
       <div class="records" style="border-bottom: solid 1px #f4ffe8;">
-        <a href="{{ site.baseurl }}{{ post.url }}">
-            <img class="recordthumbs" src="{{ site.baseurl }}{{ post.image }}" title="{{ post.title }}" alt="{{ post.title }}" />
+        <a href="{{ relBase }}{{ post.url }}">
+            <img class="recordthumbs" src="{{ relBase }}{{ post.image }}" title="{{ post.title }}" alt="{{ post.title }}" />
         <h3>{{ post.title}}</h3></a>
         <p>{{ post.date | date: "%a, %b %d, %Y" }} </p>
         <p>{{ post.description }} </p>
@@ -45,13 +46,13 @@ pagination:
     <div class="articles">
       <h3>page {{ paginator.page }} of {{ paginator.total_pages }}</h3>
       {% if paginator.previous_page %}
-        <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}"><h3>&laquo; Newer</h3></a>
+        <a href="{{ relBase }}{{ paginator.previous_page_path }}"><h3>&laquo; Newer</h3></a>
       {% else %}
         
       {% endif %}
     
       {% if paginator.next_page %}
-        <a href="{{ site.baseurl }}{{ paginator.next_page_path }}"><h3>Older &raquo;</h3></a>
+        <a href="{{ relBase }}{{ paginator.next_page_path }}"><h3>Older &raquo;</h3></a>
       {% else %}
         
       {% endif %}
diff --git a/index.html b/index.html
index f11afcf..d91d99c 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@ poster_image: /assets/vid/intro_loop_.jpg
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 <script type="text/javascript">
@@ -85,7 +86,7 @@ poster_image: /assets/vid/intro_loop_.jpg
       <div class="records">
         <h1>Highlights</h1>
 {% for page in site.categories.highlights offset: 0 limit: 1 %}
-      <a href="{{ site.baseurl }}{{ page.url }}" title="{{ page.title }}"><div class="highlights" style="background-image: url('{{ site.baseurl }}{{ page.image }}')">
+      <a href="{{ relBase }}{{ page.url }}" title="{{ page.title }}"><div class="highlights" style="background-image: url('{{ relBase }}{{ page.image }}')">
       </div><h3>{{ page.title }} </h3></a>
       <p class="editable">
         Highlights are music-things we think you want to discover. Tracks, articles, videos, interviews and reviews, curated but also original content. They are delivered to you daily. Here or via RSS.
diff --git a/links.html b/links.html
index 8da7f9d..f822a26 100644
--- a/links.html
+++ b/links.html
@@ -9,6 +9,7 @@ poster_image: /assets/vid/links.jpg
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>
diff --git a/posts.json b/posts.json
index cb7faaf..debad62 100644
--- a/posts.json
+++ b/posts.json
@@ -5,8 +5,8 @@
 {% for album in site.albums %}
 {
     "title": "{{ album.name }}",
-    "img": "{{ site.baseurl }}{{ album.cover }}",
-    "href": "{{ site.baseurl }}/albums/{{ album.slug }}"
+    "img": "{{ relBase }}{{ album.cover }}",
+    "href": "{{ relBase }}/albums/{{ album.slug }}"
 }{% unless forloop.last %},{% endunless %}
 {% endfor %}
 ]
\ No newline at end of file
diff --git a/radio.html b/radio.html
index d12453e..fb97abe 100644
--- a/radio.html
+++ b/radio.html
@@ -12,7 +12,7 @@ poster_image: /assets/vid/radio.jpg
 <!DOCTYPE html>
 <html>
   <head>
-
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
     <script type='application/ld+json'>
diff --git a/tags.html b/tags.html
index 6a94013..b0471c1 100644
--- a/tags.html
+++ b/tags.html
@@ -10,6 +10,7 @@ permalink: /tags/
 <!DOCTYPE html>
 <html>
 <head>
+{% include relBase.html %}
 {% include metahead.html %}
 {% include matomo.html %}
 </head>