cemu_graphic_packs/docs/index.html
Crementif 90e37930a5
Fix all issues with the download buttons
Now makes API calls, there's a fallback to the latest known release at the time of building of the site (so basically the second latest release) for slow internet users or browsers that don't have fetch.
2019-01-04 21:24:12 +01:00

89 lines
4.6 KiB
HTML

---
layout: page
use-site-title: true
css:
- "/css/index.css"
js:
- "/js/index.js"
meta-title: "Downloads | Cemu Graphic Packs"
meta-description: "Largest graphic pack source for Cemu that modify or scale games."
---
{% comment %} The javascript is designed to be infinitely scaleable. Just copy-pasting the announcement works. {% endcomment %}
<div id="cemu-version-announcement" class="jumbotron notification" hidden>
<h2>Cemu 1.14.0 graphic packs are here!</h2>
<p>With the texture cache rework, the graphic packs required a rework for all of our "resolution packs".</p>
<p>Just bare with us while we rework the missing 1.14.0 graphic packs. Reporting on issues is very helpful!</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="javascript:void(0);" onclick="confirmNotification('cemu-version-announcement');" role="button">Okay!</a>
</p>
</div>
<div id="download-gfx-panel" class="jumbotron">
<h2>Downloads</h2>
<p>Choose the right download for the Cemu version that you'll use.</p>
<p style="font-size: 16px; color: red; font-weight: bold;">Remove your previous graphic packs before installing/updating each time you install your graphic packs or you might run into issues!</p>
<div class="lead">
<a id="latest_version_download" class="btn btn-primary btn-lg" target="_self" href="{{ site.github.latest_release.assets[0].browser_download_url }}" role="button">Cemu 1.14.0 and newer (version 3)</a>
<span class="dropdown">
<a id="dropdown-version-button" data-target="#" class="btn btn-default btn-lg" role="button" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="dropdown-version-button">
<li><a href="https://github.com/slashiee/cemu_graphic_packs/releases/download/Travis100/graphicPacks100_Uncommon.zip">Cemu 1.8.0 through 1.13.2 (version 2)</a></li>
<li><a href="https://github.com/slashiee/cemu_graphic_packs/releases/download/1/graphicPacks.zip">Cemu 1.7.0 through 1.7.5 (version 1)</a></li>
</ul>
</span>
</div>
</div>
<script>
fetch("https://api.github.com/repos/slashiee/cemu_graphic_packs/releases/latest").then(fetchRes => fetchRes.json()).then(fetchJson => {
console.debug("Fetched releases from github to update the latest release buttons url...");
document.getElementById("latest_version_download").href=fetchJson.assets[0].browser_download_url;
return;
}).catch(fetchErr => {
console.error("Seems like something isn't working...", fetchErr);
});
</script>
{% comment %}
Possible todo's:
- https://gitreports.com/ (anonymous github issues so that users can report issues).
- Add/extract additional information from the graphic pack (like showing additional packs besides resolution packs).
{% endcomment %}
<div id="game-list" class="panel panel-info panel-default version3-only">
<div class="panel-heading">List of graphic pack supported titles</div>
<ul class="list-group">
{% for gameTitle in site.data.GameTitles %}
<li class="list-group-item d-flex justify-content-between align-items-center" {% if gameTitle.version3 == false %}hidden{% endif %}>
<a href="{{gameTitle.compatLink}}">{{ gameTitle.title }}</a>
<span class="badge badge-primary">{{ gameTitle.nativeRes }}p</span>
{% if gameTitle.version3 == true %}
<span class="label label-success version-label">Cemu 1.14.0</span>
{% endif %}
</li>
{% endfor %}
<div class="panel-footer">
<a id="see-more-footer" href="javascript:document.getElementById('game-list').classList.remove('version3-only');">Also see &lt; Cemu 1.13.2 graphic packs...</a>
<a id="see-less-footer" href="javascript:document.getElementById('game-list').classList.add('version3-only');">Only show Cemu 1.14.0 graphic packs...</a>
</div>
</ul>
</div>
{% comment %} Show github contributors {% endcomment %}
<div id="contributor-list">
<div class="page-header">
<h3>These graphic packs are made by these contributors!</h3>
</div>
<table>
{% tablerow contributor in site.github.contributors cols:9 %}
<a class="contributor-tooltip" href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{contributor.login}}">
<span class="contributor-tooltip-text">{{contributor.login}}<div style="color: red;">{{contributor.contributions}} Commits</div></span>
<img src="{{contributor.avatar_url}}" alt="{{contributor.login}}'s avatar" class="thumbnail">
</a>
{% endtablerow %}
</table>
</div>