Update website for version 4 changes

This commit is contained in:
Crementif 2020-01-10 01:39:20 +01:00
parent a32b1cb42a
commit b67946e3ff
No known key found for this signature in database
GPG Key ID: 11A98E7DE0412B33
14 changed files with 58 additions and 37 deletions

View File

@ -4,7 +4,7 @@ url: https://slashiee.github.io/cemu_graphic_packs/
repository: slashiee/cemu_graphic_packs
author:
name: Slashiee + awesome contributors
name: "Slashiee, Crementif and other contributors"
collections:
- FAQ

View File

@ -54,7 +54,7 @@
"Captain Toad: Treasure Tracker":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Captain_Toad:_Treasure_Tracker"
version: 3
version: 4
hasUltrawide: true
"Chariot":
nativeRes: 720
@ -181,7 +181,7 @@
"Mario Kart 8":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Mario_Kart_8"
version: 3
version: 4
hasUltrawide: true
"Mario Tennis: Ultra Smash":
nativeRes: 720
@ -190,7 +190,7 @@
"Meme Run":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Meme_Run"
version: 3
version: 4
"Minecraft: Story Mode":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Minecraft:_Story_Mode"
@ -310,12 +310,12 @@
"Sonic Lost World":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Sonic_Lost_World"
version: 3
version: 4
hasUltrawide: true
"Splatoon":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Splatoon"
version: 3
version: 4
hasUltrawide: true
"SpongeBob SquarePants: Planktons Robotic Revenge":
nativeRes: 720
@ -324,7 +324,7 @@
"Star Fox Guard":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Star_Fox_Guard"
version: 3
version: 4
"Star Fox Zero":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Star_Fox_Zero"
@ -332,7 +332,7 @@
"Super Mario 3D World":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Super_Mario_3D_World"
version: 3
version: 4
hasUltrawide: true
"Super Mario Maker":
nativeRes: 720
@ -361,7 +361,7 @@
"The Legend of Zelda: Breath of the Wild":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/The_Legend_of_Zelda:_Breath_of_the_Wild"
version: 3
version: 4
hasUltrawide: true
"The Legend of Zelda: The Wind Waker HD":
nativeRes: 1080
@ -407,6 +407,7 @@
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/Yoshi's_Woolly_World"
version: 3
hasUltrawide: true
"ZombiU":
nativeRes: 720
compatLink: "http://compat.cemu.info/wiki/ZombiU"

View File

@ -47,9 +47,10 @@
#information-box.ultrawide-supported #ultrawide #ultrawide-supported { display: block !important; }
#information-box.ultrawide-unsupported #ultrawide #ultrawide-unsupported { display: block !important; }
#information-box #version-3 p { display: none; }
#information-box.version-3-supported #version-3 #version-3-supported { display: block !important; }
#information-box.version-3-unsupported #version-3 #version-3-unsupported { display: block !important; }
#information-box #version-info p { display: none; }
#information-box.version-4-supported #version-info #version-4-supported { display: block !important; }
#information-box.version-3-supported #version-info #version-3-supported { display: block !important; }
#information-box.version-2-supported #version-info #version-2-supported { display: block !important; }
#information-box #compat-status span { display: none; }
#information-box.compat-status-loading #compat-status-loading { display: inline !important; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 486 B

After

Width:  |  Height:  |  Size: 487 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -17,11 +17,19 @@ var supportedGamesSearchSetHalfTitles = {};
const altNames = {
"botw": "The Legend of Zelda: Breath of the Wild",
"hw": "Hyrule Warriors",
"mc": "Minecraft",
"slw": "Sonic Lost World",
"smm": "Super Mario Maker",
"mk8": "Mario Kart 8",
"tphd": "The Legend of Zelda: Twilight Princess HD",
"wwhd": "The Legend of Zelda: The Wind Waker HD",
"breath of the dicknut": "The Legend of Zelda: Breath of the Wild"
// easter eggs
"breath of the dicknut": "The Legend of Zelda: Breath of the Wild",
"f-zero": "FAST Racing NEO",
"m&m": "Sonic",
"michele": "Sonic",
"slashiee": "Sonic",
"best game": "Meme Run"
};
async function searchSupportedGames(searchString) {
@ -46,6 +54,11 @@ async function searchSupportedGames(searchString) {
let resultsHintSearch = [];
if (Object.keys(altNames).includes(searchString.toLowerCase())) searchString = altNames[searchString.toLowerCase()];
if (searchString.toLowerCase() == "digital foundry") {
document.title = "Home - Cemu Hacks";
document.getElementsByClassName("display-4")[0].innerText="Cemu Hacks";
document.getElementsByClassName("lead")[0].innerText = "Get your online Cemu hax here!!";
}
if (searchString != "*") resultsHintSearch = supportedGamesSearchSet.get(searchString);
else {
for (supportedGame in supportedGames) {
@ -62,8 +75,9 @@ async function searchSupportedGames(searchString) {
let gameTitleText = document.createTextNode(currResult);
let versionBadge = document.createElement("span");
let versionBadgeText;
if (supportedGames[currResult].version == 3) versionBadgeText = document.createTextNode("Latest Cemu version");
else if (supportedGames[currResult].version == 2) versionBadgeText = document.createTextNode("Only supported on version 2");
if (supportedGames[currResult].version == 4) versionBadgeText = document.createTextNode("Supports OpenGL and Vulkan");
else if (supportedGames[currResult].version == 3) versionBadgeText = document.createTextNode("Only supported on OpenGL");
else if (supportedGames[currResult].version == 2) versionBadgeText = document.createTextNode("Only supported on 1.8.0 through 1.13.2");
else versionBadgeText = document.createTextNode("No resolution pack yet :(");
let resolutionBadge = document.createElement("span");
let resolutionBadgeText = document.createTextNode(supportedGames[currResult].nativeRes+"p");
@ -73,12 +87,15 @@ async function searchSupportedGames(searchString) {
resolutionBadge.className = "badge badge-pill badge-primary float-right";
searchResultEntry.onclick=searchInfoModalTrigger
if (supportedGames[currResult].version === 3) {
searchResultEntry.classList.add("list-group-item-primary");
}
else {
searchResultEntry.classList.add("list-group-item-secondary");
}
if (supportedGames[currResult].version === 4) {
searchResultEntry.classList.add("list-group-item-danger");
}
else if (supportedGames[currResult].version === 3) {
searchResultEntry.classList.add("list-group-item-primary");
}
else {
searchResultEntry.classList.add("list-group-item-secondary");
}
searchResultEntry.appendChild(gameTitleText);
versionBadge.appendChild(versionBadgeText);
@ -98,17 +115,19 @@ async function searchInfoModalTrigger(clickedElem) {
let clickedGame = clickedElem.target.firstChild.textContent;
// Reset Compat Information
document.getElementById("modal-preview-image").src="https://github.com/Crementif/cemu_graphic_packs/blob/gh-pages/assets/images/no-cover-available.png";
document.getElementById("modal-preview-image").src="assets/images/no-cover-available.png";
document.getElementById("information-box").className="compat-status-loading";
document.getElementById("gameTitle").innerText=clickedGame;
document.getElementById("compatWikiButton").href=supportedGames[clickedGame].compatLink;
document.getElementById("nativeResolution").textContent=supportedGames[clickedGame].nativeRes;
document.getElementById("information-box").classList.add(supportedGames[clickedGame].version3 ? "version-3-supported" : "version-3-unsupported");
if (supportedGames[clickedGame].version == 4) document.getElementById("information-box").classList.add("version-4-supported");
else if (supportedGames[clickedGame].version == 3) document.getElementById("information-box").classList.add("version-3-supported");
else if (supportedGames[clickedGame].version == 2) document.getElementById("information-box").classList.add("version-2-supported");
document.getElementById("information-box").classList.add(supportedGames[clickedGame].hasUltrawide ? "ultrawide-supported" : "ultrawide-unsupported");
if (supportedGames[clickedGame].hasOwnProperty("compatLink")) {
await fetch(`https://cors-anywhere.herokuapp.com/http://compat.cemu.info/w/api?action=parse&page=${supportedGames[clickedGame].compatLink.split("http://compat.cemu.info/wiki/")[1]}&redirects=true&prop=parsetree&format=json`).then(fetchRes => fetchRes.json()).then(fetchJson => {
await fetch(`https://cors-anywhere.herokuapp.com/http://wiki.cemu.info/api.php?action=parse&page=${supportedGames[clickedGame].compatLink.split("http://compat.cemu.info/wiki/")[1]}&redirects=true&prop=parsetree&format=json`).then(fetchRes => fetchRes.json()).then(fetchJson => {
console.debug(`Fetched ${clickedGame}'s(=${supportedGames[clickedGame].compatLink.split("http://compat.cemu.info/wiki/")[1]}) compat wiki`, fetchJson);
let compatTemplates = new DOMParser().parseFromString(fetchJson.parse.parsetree["*"], "application/xml").documentElement.getElementsByTagName("template");
let compatJson = [];

Binary file not shown.

View File

@ -12,8 +12,7 @@ layout: page
<div><strong>Manual installation instructions</strong></div>
<div class="mb-3">Remove all of your graphic packs first, then move all of the folders from a downloaded .zip below to the <kbd>graphicPacks</kbd> folder from your Cemu folder.</div>
<p class="pt-2 mb-1"><strong>Select the download for your Cemu version</strong></p>
<a id="primary_download" class="btn some-shadow" href="{{ site.github.latest_release.assets[0].browser_download_url }}">Cemu 1.14.0 and newer (version 3)</a>
<button id="older_download" class="btn dropdown-toggle some-shadow" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions</button>
<a id="primary_download" class="btn some-shadow" href="{{ site.github.latest_release.assets[0].browser_download_url }}">Cemu 1.14.0 and newer (versions 3 and 4)</a> <button id="older_download" class="btn dropdown-toggle some-shadow" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions</button>
<div class="dropdown-menu some-shadow" 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>
@ -30,7 +29,7 @@ layout: page
</div>
</div>
<div class="input-group-append">
<span class="input-group-text" id="inputGroup-sizing-lg"><img class="icon" src="{{ site.baseurl }}/assets/images/material-io_search_icon.svg" alt="Search Icon"/></span>
<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">
@ -48,7 +47,7 @@ layout: page
<div class="modal-body">
<div class="container-fluid">
<picture>
<img id="modal-preview-image" style="width: 156px;" src="https://github.com/Crementif/cemu_graphic_packs/blob/gh-pages/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="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,20 +55,21 @@ 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="{https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/assets/images/compat_status/perfect.png"></span>
<span id="compat-status-playable">Playable<img src="https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/assets/images/compat_status/playable.png"></span>
<span id="compat-status-runs">Runs<img src="https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/assets/images/compat_status/runs.png"></span>
<span id="compat-status-loads">Loads<img src="https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/assets/images/compat_status/loads.png"></span>
<span id="compat-status-unplayable">Unplayable<img src="https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/assets/images/compat_status/unplayable.png"></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 id="version-info">
<p id="version-4-supported">Graphic packs fully support OpenGL and Vulkan (version 4)</p>
<p id="version-3-supported">Graphic packs fully support OpenGL, though some graphic pack functionality might work on Vulkan (version 3)</p>
<p id="version-2-supported">No graphic packs for Cemu 1.14.0 and higher, but there are graphic packs for Cemu 1.13.2 available (version 2)</p>
</span>
</span>
</span>
@ -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="https://raw.githubusercontent.com/Crementif/cemu_graphic_packs/gh-pages/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="assets/images/download.png" alt="Download Icon"/></td>
</tr>
{% endfor %}
<tr>