Fix relative linking to resources on websites

I'll push a more absolute fix later, but this should be fine for now for the website atleast.

docs/_layouts/page.html

@@ -4,16 +4,16 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 	<!-- The Cemu Graphic Packs Repository -->
 	<title>{{ page.title }} - {{ site.title }}</title>
-	<link href="/assets/css/universal.css" rel="stylesheet">
+	<link href="https://slashiee.github.io/cemu_graphic_packs/assets/css/universal.css" rel="stylesheet">
 	{%- comment -%} Include page specific .css and .js files {%- endcomment -%}
 	{%- for static_file in site.static_files -%}
 		{%- assign file_directory = static_file.path | split: "/" | pop | join: "/" -%}
 		{%- assign match_html_file = static_file.basename | append: ".html" -%}
 		{%- if match_html_file == page.name and static_file.extname == ".css" and file_directory == "/assets/css" %}
-			<link href="{{ static_file.path }}" rel="stylesheet">
+			<link href="https://slashiee.github.io/cemu_graphic_packs{{ static_file.path }}" rel="stylesheet">
 		{% endif -%}
 		{%- if match_html_file == page.name and static_file.extname == ".js" and file_directory == "/assets/javascript" %}
-			<script src="{{ static_file.path }}" defer></script>
+			<script src="https://slashiee.github.io/cemu_graphic_packs{{ static_file.path }}" defer></script>
 		{% endif -%}
 	{%- endfor %}
 	<meta name="twitter:card" content="summary">
@@ -52,11 +52,6 @@
 				</div>
 			</nav>
 		</header>
-		<main class="text-white col-md-6 offset-md-3 pt-4">
+		<main class="text-white col-md-6 offset-md-3 pt-4">{{ content }}</main>
-			<div class="alert alert-danger" role="alert" hidden>Work in progress...</div>{{ content }}</main>
-		<footer class="bg-info text-white" hidden>
-			{% comment %} Don't really feel like we need a header. {% endcomment %}
-			<span>Packs available under the {{ site.github.license.key | upcase -}}</span>
-		</footer>
 	</body>
 </html>

docs/index.html

@@ -30,7 +30,7 @@ layout: page
 			</div>
 		</div>
 		<div class="input-group-append">
-			 <span class="input-group-text" id="inputGroup-sizing-lg"><img class="icon" src="/assets/images/material-io_search_icon.svg" alt="Search Icon"/></span>
+			 <span class="input-group-text" id="inputGroup-sizing-lg"><img class="icon" src="https://slashiee.github.io/cemu_graphic_packs/assets/images/material-io_search_icon.svg" alt="Search Icon"/></span>
 		</div>
 	</div>
 	<ul id="supported-games-search-results" class="list-group">
@@ -48,7 +48,7 @@ layout: page
 		<div class="modal-body">
 			<div class="container-fluid">
 				<picture>
-					<img id="modal-preview-image" style="width: 156px;" src="/assets/images/no-cover-available.png" class="rounded float-left img-thumbnail" alt="Cover of the game">
+					<img id="modal-preview-image" style="width: 156px;" src="https://slashiee.github.io/cemu_graphic_packs/assets/images/no-cover-available.png" class="rounded float-left img-thumbnail" alt="Cover of the game">
 				</picture>
 				<span class="d-inline-block">
 					<span id="information-box" class="compat-status-loading">
@@ -56,11 +56,11 @@ layout: page
 							Known Compatibility Status: 
 							<span id="compat-status-loading">Loading...</span>
 							<span id="compat-status-unknown">Unknown</span>
-							<span id="compat-status-perfect">Perfect<img src="/assets/images/compat_status/perfect.png"></span>
+							<span id="compat-status-perfect">Perfect<img src="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/perfect.png"></span>
-							<span id="compat-status-playable">Playable<img src="/assets/images/compat_status/playable.png"></span>
+							<span id="compat-status-playable">Playable<img src="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/playable.png"></span>
-							<span id="compat-status-runs">Runs<img src="/assets/images/compat_status/runs.png"></span>
+							<span id="compat-status-runs">Runs<img src="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/runs.png"></span>
-							<span id="compat-status-loads">Loads<img src="/assets/images/compat_status/loads.png"></span>
+							<span id="compat-status-loads">Loads<img src="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/loads.png"></span>
-							<span id="compat-status-unplayable">Unplayable<img src="/assets/images/compat_status/unplayable.png"></span>
+							<span id="compat-status-unplayable">Unplayable<img src="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/unplayable.png"></span>
 						</p>
 						<p>The game is upscaled from <span id="nativeResolution"></span>p.</p>
 						<span id="ultrawide">
@@ -89,7 +89,7 @@ layout: page
 	{% for question in ordered %}
 		<details>
 			<summary><strong>{{ question.slug }}?</strong></summary>
-			<div name="{{ question.linkableAnchorName }}" class="pl-4">{{ question.output }}</div>
+			<div name="{{ question.anchor_link }}" class="pl-4">{{ question.output }}</div>
 		</details>
 	{%- endfor %}
 </div>
@@ -114,7 +114,7 @@ layout: page
 			<td><time class="commit-time" datetime="{{ site.github.releases[releaseIndex].published_at }}"></time></td>
 			<td>{{ site.github.releases[releaseIndex].body | split: "###" | shift | first | split: "```" | pop | first }}</td>
 			{% comment %}<td>{{ site.github.releases[releaseIndex].body | split: "```" | shift | first }}</td>{% endcomment %}
-			<td><a href="{{ site.github.releases[releaseIndex].assets[0].browser_download_url }}"><img class="icon ml-4" src="/assets/images/download.png" alt="Download Icon"/></td>
+			<td><a href="{{ site.github.releases[releaseIndex].assets[0].browser_download_url }}"><img class="icon ml-4" src="https://slashiee.github.io/cemu_graphic_packs/assets/images/download.png" alt="Download Icon"/></td>
 		</tr>
 	{% endfor %}
 		<tr>