cemu_graphic_packs/docs/index.html
Crementif 27f90c4326 Reworked website!
Let me know if you've got any feedback or things you would want to see on the site.

Also, added some clarity updates.
2019-01-08 00:04:11 +01:00

105 lines
5.5 KiB
HTML

---
title: Home
layout: page
---
<h1 class="display-4 text-center"><strong>Cemu Graphic Packs</strong></h1>
<p class="lead text-center">{{ site.description }}</p>
<div class="jumbotron pt-4 pb-4" style="background-color: #127282;">
<h3>Downloads</h3>
<div><strong>Automatic installation instructions (recommended)</strong></div>
<div>Use Cemu's build-in graphic packs downloader (a new feature added in Cemu 1.15.1) to automatically retrieve the newest graphic packs from our repository.</div>
<div><strong>Manual installation instructions</strong></div>
<div class="mb-3">Remove <strong>all</strong> of your graphic packs first, then move all of the folders from the .zip file you've made below to the <kbd>graphicPacks</kbd> folder from your Cemu installation.</div>
<p class="pt-2 mb-1"><strong>Select the download for your Cemu version</strong></p>
<button id="primary_download" class="btn" onclick="downloadGraphicPacks()">Cemu 1.4.0 and newer (version 3)</button>
<button id="older_download" class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" 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>
<a class="dropdown-item" href="https://github.com/slashiee/cemu_graphic_packs/releases/download/1/graphicPacks.zip">Cemu 1.7.0 through 1.7.5 (version 1)</a>
</div>
</div>
<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
<div id="supported-games-search" class="input-group input-group-lg">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fuzzyset.js/0.0.8/fuzzyset.min.js" integrity="sha256-8BxxbSfdrTeC4uo2W6wROONJCyC35uTaV+xalQIERmk=" crossorigin="anonymous" defer></script>
<input type="text" class="form-control" placeholder="Search here to check the games that have graphic packs!" onkeyup="searchSupportedGames(this.value)" required>
<div class="spinner-box">
<div class="circle-border">
<div class="circle-core"></div>
</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>
</div>
</div>
<ul id="supported-games-search-results" class="list-group">
</ul>
<p class="text-center pt-1"><a href="/games">Or view a list with all supported games...</a></p>
</div>
<div class="modal fade" id="searchInfoModal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content bg-dark">
<div class="modal-header border-secondary">
<h5 class="modal-title" id="gameTitle">GameTitle</h5>
<button class="close text-light" data-dismiss="modal"><span>&times;</span></button>
</div>
<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">
</picture>
<span class="d-inline-block">
<span id="information-box" class="compat-status-loading">
<p id="compat-status">
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>
</p>
<p>The game is upscaled from <span id="nativeResolution"></span>p.</p>
<span id="ultrawide">
<p id="ultrawide-supported">Ultrawide resolutions are supported</p>
<p id="ultrawide-unsupported">No ultrawide resolutions are supported</p>
</span>
<span id="version-3">
<p id="version-3-supported">Has graphic packs for Cemu 1.14.0 and newer (version 3)</p>
<p id="version-3-unsupported">Doesn't have graphic packs for Cemu 1.14.0 :( use Cemu 1.13.2 or lower for now</p>
</span>
</span>
</span>
</div>
</div>
<div class="modal-footer border-secondary">
<a id="compatWikiButton" class="btn btn-secondary" href="http://compat.cemu.info/wiki/Main_Page">Cemu Compat Wiki</a>
<button class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
<h3>Frequently Asked Questions</h3>
{% assign ordered = site.FAQ | sort: "order" %}
{% for question in ordered %}
<details>
<summary><strong>{{ question.slug }}?</strong></summary>
<div name="{{ question.linkableAnchorName }}" class="pl-4">{{ question.output }}</div>
</details>
{%- endfor %}
</div>
<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
<h3>Our contributors</h3>
{% for contributor in site.github.contributors %}
<a href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{ contributor.login }}">
<img class="img-thumbnail contributor-avatar-img mt-1 ml-1 mr-1 mb-2" src="{{ contributor.avatar_url }}" alt="{{ contributor.login }}'s avatar">
</a>
{% endfor %}
</div>