Update website for version 4 changes

docs/_config.yml

@@ -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

docs/_data/GameTitles.yml

@@ -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: Plankton’s 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"

docs/assets/css/index.css

@@ -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-info p { display: none; }
-#information-box.version-3-supported #version-3 #version-3-supported { display: block !important; }
+#information-box.version-4-supported #version-info #version-4-supported { display: block !important; }
-#information-box.version-3-unsupported #version-3 #version-3-unsupported {	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; }

docs/assets/javascript/index.js

@@ -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");
+			if (supportedGames[currResult].version == 4) versionBadgeText = document.createTextNode("Supports OpenGL and Vulkan");
-			else if (supportedGames[currResult].version == 2) versionBadgeText = document.createTextNode("Only supported on version 2");
+			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,7 +87,10 @@ async function searchSupportedGames(searchString) {
 			resolutionBadge.className = "badge badge-pill badge-primary float-right";
 			
 			searchResultEntry.onclick=searchInfoModalTrigger
-			if (supportedGames[currResult].version === 3) {
+            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 {
@@ -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 = [];

docs/index.html

@@ -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>
+	<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>
-	<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-perfect">Perfect<img src="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-playable">Playable<img src="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-runs">Runs<img src="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-loads">Loads<img src="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-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">
+						<span id="version-info">
-							<p id="version-3-supported">Has graphic packs for Cemu 1.14.0 and newer (version 3)</p>
+							<p id="version-4-supported">Graphic packs fully support OpenGL and Vulkan (version 4)</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>
+							<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>