bump to jekyll 4

_includes/cookiemonster.html

@@ -1,3 +1,4 @@
 <!-- BEGIN cookiemonster.html -->
-<img src="{{ site.baseurl }}/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
+{% include relBase.html %}
+<img src="{{ relBase }}/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
 <!-- END cookiemonster.html -->

_includes/liberapay.html

@@ -1,3 +1,4 @@
 <!-- BEGIN liberapay.html -->
+{% include relBase.html %}
 <a href="https://liberapay.com/Sakrecoer/donate" target="_blank" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="/assets/img/donate.svg"></a>
 <!-- END liberapay.html -->

_includes/navmenu.html

@@ -1,13 +1,14 @@
 <!-- BEGIN navmenu.html -->
+{% include relBase.html %}
 <div id="navigation">
   {% if page.collection == 'tracks' %}
-  <a href="{{ site.baseurl }}./#{{ page.uid }}" alt="Back" title="Back">
+  <a href="{{ relBase }}./#{{ page.uid }}" alt="Back" title="Back">
   {% elsif page.url != '/music/' %}
-  <a href="{{ site.baseurl }}/music/" alt="Music" title="Music">
+  <a href="{{ relBase }}/music/" alt="Music" title="Music">
   {% else %}
-  <a href="{{ site.baseurl }}/" alt="Back" title="About">
+  <a href="{{ relBase }}/" alt="Back" title="About">
   {% endif %}
-    <img src="{{ site.baseurl }}/assets/img/sakrecoer-logo2.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
+    <img src="{{ relBase }}/assets/img/sakrecoer-logo2.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
   </a>
 </div>
 {% if page.collection != 'tracks' %}

_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 %}

_includes/seo.html

@@ -1,5 +1,5 @@
 <!-- BEGIN seo.html -->
-
+{% include relBase.html %}
 {% if page.collection == 'tracks' %}<title>{{ page.title }} - A musical piece by Sakrecoer</title>{% else %}<title>{{ page.title }} | {{ site.title }}</title>{% endif %}
 
 {% seo title=false %}