cemu_graphic_packs/docs/index.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>