From 049df81d6cf90ac0307347e5ec726ba951960b61 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Fri, 3 Feb 2023 19:03:40 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20allow=20for=20relative=20?=
 =?UTF-8?q?paths=20everywhere=20Allows=20hosting=20the=20page=20on=20subdi?=
 =?UTF-8?q?rectories.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.toml                    | 8 ++++----
 sass/main.scss                 | 2 +-
 templates/partials/footer.html | 2 +-
 templates/partials/nav.html    | 6 +++---
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/config.toml b/config.toml
index e49f21a..4275b5d 100644
--- a/config.toml
+++ b/config.toml
@@ -26,11 +26,11 @@ headerImage = ""
 
 # The icon is display besides the menu text but is not necessary. It needs to be placed under "menu_icon" in the static "folder"
 menu = [
-    { name = "home", url = "/", weight = 1},
-    { name = "tags", url = "/tags", weight = 1 },
-    { name = "projects", url = "/projects", weight = 1 },
+    { name = "home", url = "$BASE_URL/", weight = 1},
+    { name = "tags", url = "$BASE_URL/tags", weight = 1 },
+    { name = "projects", url = "$BASE_URL/projects", weight = 1 },
 ]
 #The icons available can be found in "social_icons" in the "static" folder
 socials = [
     { name = "github", url = "https://github.com/welpo/", icon = "github" },
-]
\ No newline at end of file
+]
diff --git a/sass/main.scss b/sass/main.scss
index 9f18e53..296d405 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'Inter';
-  src: url('/fonts/Inter.ttf');
+  src: url('fonts/Inter.ttf');
 }
 @import 'parts/_cards.scss';
 @import 'parts/_code.scss';
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index d64769a..597f9b5 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -4,7 +4,7 @@
         {%- if config.extra.socials %}
         {% for social in config.extra.socials %}
         <a rel="noopener noreferrer" target="_blank" class="nav-links social" href="{{ social.url }}">
-            <img alt={{ social.name }} title={{ social.name }} src="/social_icons/{{ social.icon }}.svg">
+            <img alt={{ social.name }} title={{ social.name }} src="{{config.base_url}}/social_icons/{{ social.icon }}.svg">
         </a>
         {% endfor %}
         {% endif %}
diff --git a/templates/partials/nav.html b/templates/partials/nav.html
index ee0aeec..8b5cf7a 100644
--- a/templates/partials/nav.html
+++ b/templates/partials/nav.html
@@ -8,14 +8,14 @@
 		<div class="nav-navs">
 			<div>
 				{% for menu in config.extra.menu %}
-				<a class="nav-links" href={{ menu.url }}>{{ menu.name }}</a>
+				<a class="nav-links" href={{ menu.url | safe | replace(from="$BASE_URL", to=config.base_url) }}>{{ menu.name }}</a>
 				{% endfor %}
 			</div>
 			<label class="theme-switcher" for="themeswitch">
 				<input type="checkbox" id="themeswitch">
 				<div class="switch">
-					<img alt="set dark theme" class="moon" src="/menu_icon/moon.png">
-					<img alt="set light theme" class="sun" src="/menu_icon/sun.png">
+					<img alt="set dark theme" class="moon" src="{{ config.base_url }}/menu_icon/moon.png">
+					<img alt="set light theme" class="sun" src="{{config.base_url}}/menu_icon/sun.png">
 				</div>
 			</label>
 		</div>