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.
This commit is contained in:
Crementif 2019-01-08 20:03:24 +01:00
parent 84c097bec0
commit 5b4c6b75ca
2 changed files with 13 additions and 18 deletions

View File

@ -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">
<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>
<main class="text-white col-md-6 offset-md-3 pt-4">{{ content }}</main>
</body>
</html>

View File

@ -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-playable">Playable<img src="/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-loads">Loads<img src="/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-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="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/playable.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="https://slashiee.github.io/cemu_graphic_packs/assets/images/compat_status/loads.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>