6 files changed, 33 insertions, 21 deletions
diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index a5ed68db..f2630853 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -8,6 +8,7 @@
 	import CleanAnimeList from './CleanAnimeList.svelte';
 	import ListTitle from '../ListTitle.svelte';
 	import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
+	import root from '$lib/Utility/root';
 
 	export let endTime: number;
 	export let cleanMedia: (
@@ -28,7 +29,7 @@
 	let pendingUpdate: number | null = null;
 </script>
 
-{#await fetch(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`).then( (r) => r.json() )}
+{#await fetch(root(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`)).then( (r) => r.json() )}
 	<ListTitle custom={title} />
 
 	<ul><li>Subtitle release data ... 33%</li></ul>
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index e712ef30..aa996547 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -16,6 +16,7 @@
 	import { onMount } from 'svelte';
 	import proxy from '$lib/Utility/proxy';
 	import Loading from '$lib/Utility/Loading.svelte';
+	import root from '$lib/Utility/root';
 
 	export let media: Media[];
 	export let cleanCache: () => void;
@@ -87,7 +88,7 @@
 			on:click={() => ($settings.disableManga = true)}
 			data-umami-event="Disable No Manga">Hide the manga panel</button
 		>
-		You can re-enable it later in the <a href="/settings">Settings</a>.
+		You can re-enable it later in the <a href={root('/settings')}>Settings</a>.
 	</span>
 {/if}
 
diff --git a/src/lib/Settings/Attributions.svelte b/src/lib/Settings/Attributions.svelte
index 0a0d2d38..dad576e4 100644
--- a/src/lib/Settings/Attributions.svelte
+++ b/src/lib/Settings/Attributions.svelte
@@ -1,3 +1,7 @@
+<script>
+	import root from '$lib/Utility/root';
+</script>
+
 <ul>
 	<li>
 		<a href="https://anilist.co/" target="_blank">AniList</a>: all data not explicity attributed
@@ -31,17 +35,17 @@
 	<summary>Outbound Link Disclaimer</summary>
 	<ol>
 		<li>
-			<a href="/">due.moe</a>
+			<a href={root('/')}>due.moe</a>
 			does not host or directly link to any less-than-legal anime or manga material and/or distribution
 			platforms.
 		</li>
 		<li>
-			<a href="/">due.moe</a>
+			<a href={root('/')}>due.moe</a>
 			is not affiliated with any of the above or below sites and services.
 		</li>
 		<li>
-			At the moment, <a href="/">due.moe</a> only ever contains outbound links to the following
-			sites and services:
+			At the moment, <a href={root('/')}>due.moe</a> only ever contains outbound links to the
+			following sites and services:
 
 			<ul>
 				<li><a href="https://anilist.co/">AniList.co</a></li>
diff --git a/src/lib/Settings/Verbiage.svelte b/src/lib/Settings/Verbiage.svelte
index 580b7e61..c355a692 100644
--- a/src/lib/Settings/Verbiage.svelte
+++ b/src/lib/Settings/Verbiage.svelte
@@ -1,30 +1,34 @@
+<script>
+	import root from '$lib/Utility/root';
+</script>
+
 <details open={false}>
 	<summary>Verbiage</summary>
 
 	<ul>
 		<li>
-			<a href="/">Home</a>, Upcoming Episodes: Anime which you have seen all episodes of thus far,
-			and have a scheduled next episode(s) release date
+			<a href={root('/')}>Home</a>, Upcoming Episodes: Anime which you have seen all episodes of
+			thus far, and have a scheduled next episode(s) release date
 		</li>
 		<li>
-			<a href="/">Home</a>, Not Yet Released: Anime which have not yet aired their first episode,
-			and have a scheduled next episode(s) release date
+			<a href={root('/')}>Home</a>, Not Yet Released: Anime which have not yet aired their first
+			episode, and have a scheduled next episode(s) release date
 		</li>
 		<li>
-			<a href="/">Home</a>, Anime: Anime which you have not seen all episodes of thus far, and have
-			a scheduled next episode release date
+			<a href={root('/')}>Home</a>, Anime: Anime which you have not seen all episodes of thus far,
+			and have a scheduled next episode release date
 		</li>
 		<li>
-			<a href="/">Home</a>, Manga: Manga which you have not read all chapters of thus far, and have
-			an available next chapter(s)
+			<a href={root('/')}>Home</a>, Manga: Manga which you have not read all chapters of thus far,
+			and have an available next chapter(s)
 		</li>
 		<li>
-			<a href="/completed">Completed</a>, Anime: Anime which you have not seen all episodes of thus
-			far, and have concluded airing
+			<a href={root('/completed')}>Completed</a>, Anime: Anime which you have not seen all episodes
+			of thus far, and have concluded airing
 		</li>
 		<li>
-			<a href="/completed">Completed</a>, Manga: Manga which you have not read all chapters of thus
-			far, and have concluded publishing
+			<a href={root('/completed')}>Completed</a>, Manga: Manga which you have not read all chapters
+			of thus far, and have concluded publishing
 		</li>
 	</ul>
 </details>
diff --git a/src/lib/Tools/Picker.svelte b/src/lib/Tools/Picker.svelte
index 5276e023..b60a7039 100644
--- a/src/lib/Tools/Picker.svelte
+++ b/src/lib/Tools/Picker.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
 	import { goto } from '$app/navigation';
+	import root from '$lib/Utility/root';
 
 	export let tool: string;
 </script>
@@ -9,7 +10,7 @@
 	<select
 		bind:value={tool}
 		on:change={() => {
-			if (browser) goto(`/tools/${tool}`);
+			if (browser) goto(root(`/tools/${tool}`));
 		}}
 	>
 		<option value="default" selected disabled hidden>Select a tool to continue</option>
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index 6b3a6a0c..2fe9a275 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -13,6 +13,7 @@
 	import './container.css';
 	import Days from './Days.svelte';
 	import settings from '$stores/settings';
+	import root from '$lib/Utility/root';
 
 	let subsPleasePromise: Promise<SubsPlease>;
 	let scheduledMediaPromise: Promise<Partial<Media[]>>;
@@ -26,7 +27,7 @@
 	let forceListMode = parseOrDefault(urlParameters, 'list', false);
 
 	onMount(async () => {
-		subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json());
+		subsPleasePromise = fetch(root(`/api/subsplease?tz=${timeZone}`)).then((r) => r.json());
 		scheduledMediaPromise = scheduleMediaListCollection(new Date().getFullYear(), season(), true);
 	});
 </script>
@@ -37,7 +38,7 @@
 	<select
 		bind:value={timeZone}
 		on:change={() =>
-			(subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json()))}
+			(subsPleasePromise = fetch(root(`/api/subsplease?tz=${timeZone}`)).then((r) => r.json()))}
 	>
 		{#each Intl.supportedValuesOf('timeZone') as zone}
 			<option value={zone}>