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.

Enhancements/BreathOfTheWild_Clarity/37040a485a29d54e_00000000000003c9_ps.txt

@@ -31,6 +31,7 @@
 	// Serfrost Preset (Bright Display) 8
 	// Serfrost Preset (Dim Display) 9
 	// Serfrost Preset (Default) 10
+	// ViskClarity Preset 11
 	
 //##########################################################													   
 
@@ -172,17 +173,17 @@ float DPX_Strength = 0.20;
 	#define adjust_bloom 1 
 	const float bloomFactor = 0.30;
 	#define HDRpassing 0
-	float HDRPower = 1.00;
+	float HDRPower = 1.3;
-	float radius1 = 1.00;
+  	float radius1 = 0.795;
-	float radius2 = 0.80;
+ 	float radius2 = 0.85;
 	#define lumapassing 0 													   
-	float sharp_strength = 0.45;
+	const float sharp_strength = 0.45;
-	float sharp_clamp = 0.085;
+	const float sharp_clamp = 0.085;
-	float offset_bias = 1.0;
+	const float offset_bias = 1.0;
 	#define Tone_map 8
 	const float Exposure = 1.17;
 	const float Bleach = 0.4;
-	const float Gamma = 1.00;
+	const float Gamma = 0.9;
 	const float defog = 0.00;
 	vec3 FogColor = vec3(1.0, 1.0, 1.0);
 	const float sat = 0.000;
@@ -190,8 +191,8 @@ float DPX_Strength = 0.20;
 	#define post_process 1
 	const float satFactor = 0.25;
 	#define blacknwhitepass 1
-	const int BlackPoint = 1;
+	const int BlackPoint = 0;
-	const int WhitePoint = 220;
+	const int WhitePoint = 255;
 	#define lggpass 1 
 	vec3 RGB_Lift = vec3(1.000, 1.000, 1.000);
 	vec3 RGB_Gamma = vec3(1.000, 1.000, 1.000);
@@ -204,13 +205,13 @@ float DPX_Strength = 0.20;
 	vec3 RGBNegativeAmount = vec3(0.88, 0.88, 0.88);
 	float Strength = 0.3;
 	#define Techine 1
-	float Technicolor2_Red_Strength = -0.05;
+	float Technicolor2_Red_Strength = 0.05;
-	float Technicolor2_Green_Strength = -0.1;
+	float Technicolor2_Green_Strength = 0.02;
-	float Technicolor2_Blue_Strength = 0.07;
+	float Technicolor2_Blue_Strength = 0.12;
-	float Technicolor2_Brightness = 0.0;
+	float Technicolor2_Brightness = 0.4;
-	float Technicolor2_Strength = 2.0;
+	float Technicolor2_Strength = 3.0;
-	float Technicolor2_Saturation = 1.3; //1.13 to completely fix lava
+	float Technicolor2_Saturation = 1.0;
-	#define cmatrix 0
+	#define cmatrix 7
 	vec3 ColorMatrix_Red = vec3(0.817, 0.183, 0.000);
 	vec3 ColorMatrix_Green = vec3(0.333, 0.667, 0.000);
 	vec3 ColorMatrix_Blue = vec3(0.000, 0.125, 0.875);
@@ -223,7 +224,7 @@ float DPX_Strength = 0.20;
 	const float Fade = 0.0;
 	const float Linearization = 1.0;
 	const float Filmic_Bleach = 0.0;
-	const float Saturation = -0.3;
+	const float Saturation = -0.25;
 	const float BaseCurve = 1.5;
 	const float BaseGamma = 1.0;
 	const float EffectGamma = 0.68;
@@ -847,6 +848,73 @@ float DPX_Strength = 0.20;
 	float Colorfulness = 1.0;
 	float DPX_Strength = 0.20;
 
+#elif (Preset == 11) //ViskClarity
+	#define adjust_bloom 1 
+	const float bloomFactor = 4.050;
+	#define HDRpassing 1													 
+	const float HDRPower = 1.3;
+	const float radius1 = 0.793;
+	const float radius2 = 0.87;
+	#define lumapassing 1 													   
+	const float sharp_strength = 0.50;
+	const float sharp_clamp = 0.085;
+	const float offset_bias = 0.0;
+	#define Tone_map 8                                   
+	const float Exposure = 0.6;
+	const float Bleach = 0.2;
+	const float Gamma = 1.00;
+	const float defog = 0.004;
+	vec3 FogColor = vec3(1.0, 1.5, 1.7);
+	const float sat = 0.050;
+	const float crushContrast = 0.000;
+	#define post_process 0
+	const float satFactor = 0;
+	#define blacknwhitepass 1                        
+	const int BlackPoint = 2;
+	const int WhitePoint = 285;
+	#define lggpass 1 
+	vec3 RGB_Lift = vec3(0.994, 0.994, 0.994);
+	vec3 RGB_Gamma = vec3(1.0, 0.990, 1.0);
+	vec3 RGB_Gain = vec3(1.0, 0.990, 1.00);
+	#define vibpass 1 
+	const float Vibrance = 0.500;
+	vec3 VibranceRGBBalance = vec3(1.0, 1.0, 1.0);
+	#define Tech 1 
+	const float Power = 4.0;
+	vec3 RGBNegativeAmount = vec3(0.88, 0.88, 0.88);
+	float Strength = 0.20;
+	#define Techine 1
+	const float Technicolor2_Red_Strength = 0.000;
+	const float Technicolor2_Green_Strength = 0.000;
+	const float Technicolor2_Blue_Strength = 0.000;
+	const float Technicolor2_Brightness = 0.0;
+	const float Technicolor2_Strength = 0.40;
+	const float Technicolor2_Saturation = 1.00;
+	#define cmatrix 0
+	vec3 ColorMatrix_Red = vec3(0.817, 0.183, 0.000);
+	vec3 ColorMatrix_Green = vec3(0.333, 0.667, 0.000);
+	vec3 ColorMatrix_Blue = vec3(0.000, 0.125, 0.875);
+	float CM_Strength = 1.0;
+	#define CurvesPss 1
+	const float Contrast = -0.35;
+	#define Filmicpass 1
+	const float Filmic_Contrast = 1.0;
+	const float Filmic_Bleach = 0.0;
+	const float Saturation = 0;
+	const float Filmic_Strength = 0.85;
+	const float Fade = 0.1;
+	const float Linearization = 0.5;
+	const float BaseCurve = 1.5;
+	const float BaseGamma = 0.7;
+	const float EffectGamma = 0.65;
+	#define dpxpass 0
+	vec3 RGB_Curve = vec3(8.0, 8.0, 8.0);
+	vec3 RGB_C = vec3(0.36, 0.36, 0.34);
+	float DPX_Contrast = 1.5;
+	float DPX_Saturation = 0.8;
+	float Colorfulness = 0.8;
+	float DPX_Strength = 0.50;
+	
 #endif
 
 //###########################################################

Enhancements/BreathOfTheWild_Clarity/rules.txt

@@ -37,6 +37,10 @@ $preset:int = 2
 name = The Complaining Gamer Preset
 $preset:int = 5
 
+[Preset]
+name = ViskClarity Preset
+$preset:int = 11
+
 [Preset]
 name = Contrasty Preset
 $preset:int = 4

docs/.gitattributes

@@ -1,48 +0,0 @@
-# Define standard eol format
-
-# Web Files
-*.html text eol=lf
-*.md text eol=lf
-*.css text eol=lf
-*.js text eol=lf
-
-# Jekyll related files
-*.yml text eol=lf
-
-# Git related files
-.gittattributes text eol=lf
-.gitignore text eol=lf
-.gitkeep text eol=lf
-
-# Ruby files
-*.rb text eol=lf
-Gemfile text eol=lf
-Gemfile.lock text eol=lf
-
-# Github specific fies
-LICENCE text eol=lf
-
-# Docker specific files
-Dockerfile text eol=lf
-
-# VSCode files
-*.json text eol=lf
-
-# General multimedia files
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.png binary
-*.t3x binary
-*.t3d binary
-*.exe binary
-*.data binary
-*.ttf binary
-*.eof binary
-*.eot binary
-*.swf binary
-*.mov binary
-*.mp4 binary
-*.mp3 binary
-*.ogg binary
-*.flv binary

docs/404.html

@@ -1,13 +0,0 @@
----
-layout: default
-title: 404 - Page not found
-permalink: /404.html
----
-
-<div class="text-center">
-  <h1>Whoops, this page doesn't exist.</h1>
-  <h1>Move along. (404 error)</h1>
-  <br/>
-
-  <img src="{{ site.baseurl }}/img/404-southpark.jpg" />
-</div>

docs/Dockerfile

@@ -1,8 +0,0 @@
-FROM jekyll/jekyll
-
-COPY Gemfile .
-COPY Gemfile.lock .
-
-RUN bundle install --quiet --clean
-
-CMD ["jekyll", "serve"]

docs/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Dean Attali
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

docs/_FAQ/How do I add my own resolutions.md

@@ -0,0 +1,21 @@
+---
+anchor_link: customize-packs
+order: 99
+---
+This might be slightly technical, so carefully follow these steps.
+
+If you use the build-in downloader, follow the extra steps in this guide. If you use the manual installation, just skip those steps.
+
+1. Open the resolution pack folder, which follows the following name convention `ShortTitle_Resolution`, for example `MarioKart8_Resolution`.
+2. Open the `rules.txt` file in notepad or something similar and find the following text (this is for 720p games, but 1080p will only have some changes in values):
+
+[Preset]  
+name = 1280x720 (Default)  
+$width = 1280  
+$height = 720  
+$gameWidth = 1280  
+$gameHeight = 720  
+
+3. Now, change the `$width` and `$height` to the resolution you want and pick the default preset!
+
+**Though, graphic packs and some resolutions aren't compatible so choosing common monitor resolutions is recommended.**

docs/_FAQ/How do I install the graphic packs, step by step.md

@@ -0,0 +1,12 @@
+---
+anchor_link: how-to-install-gfx-packs
+order: 1
+---
+{%- comment -%}Maybe include a gif or something.{%- endcomment -%}
+Here we'll repeat some info from above in a more detailed step-by-step guide of how to install graphic packs. This assumes you use the manual method of installing packs, and not the build-in automatic graphic pack downloader/updater.
+
+1. Choose one of the 3 downloads from above. Each download has a range of versions it supports, pick the one that's supported by your downloaded Cemu version.
+2. Right-click on the `graphicPacks307.zip` and click "Extract all..." to extract all of the contents to a new folder.
+3. Afterwards, open that folder you've just extracted it to and press <kbd>Ctrl</kbd>+<kbd>A</kbd> to select all the folders and then <kbd>Ctrl</kbd>+<kbd>C</kbd> to copy the files.
+4. Browse to your Cemu folder and open the `graphicPacks` folder. Press <kbd>Ctrl</kbd>+<kbd>V</kbd> to paste your copied folders.
+5. Go to `Options`->`Graphic packs` after you've started Cemu and enable the packs you want to use.

docs/_FAQ/Why does game X not have graphic packs for 1.14.0 and newer.md

@@ -0,0 +1,10 @@
+---
+anchor_link: version-3-compatibility
+order: 2
+---
+Some graphic packs might not be available for Cemu 1.14.0 and newer while previous versions did have graphic packs.
+This is due to the full reimplementation of the texture system in Cemu 1.14.0.
+This also changed a lot of the aspects with textures and made all previous graphic packs that changed textures outdated.
+
+Hence, why some games have their graphic packs missing in the new versions for now..
+You can search which games are supported above or see [this project page](https://github.com/slashiee/cemu_graphic_packs/projects/5?fullscreen=true) for more detailed information.

docs/_config.yml

@@ -1,215 +1,19 @@
-# --- General options --- #
-
 title: Cemu Graphic Packs
-description: Largest graphic packs source for Cemu that modify or scale games.
+description: Official website of the Community Graphic Packs for Cemu, used to upscale and change your Wii U games.
 url: https://slashiee.github.io/cemu_graphic_packs
+repository: slashiee/cemu_graphic_packs
 
-# --- Navigation bar options --- #
-navbar-links:
-  #Installation: "installation"
-  Resources:
-    #- FAQ: "frequently-asked-questions"
-    - How to make graphic packs: "https://github.com/slashiee/cemu_graphic_packs/wiki/How-to-create-resolution-packs"
-  Contribute!: "https://github.com/slashiee/cemu_graphic_packs"
-
-# Image to show in the navigation bar - image must be a square (width = height)
-# Remove this parameter if you don't want an image in the navbar
-# avatar: "/img/avatar-icon.png"
-
-# If you want to have an image logo in the top-left corner instead of the title text,
-# then specify the following parameter
-# title-img: /path/to/image
-
-# --- Background colour/image options --- #
-
-# Dark-themed?
-# navbar-col: "#1f1f1f"
-# navbar-text-col: "#bfbfbf"
-# navbar-children-col: "#333"
-# page-col: "#FFFFFF"
-# link-col: "#008AFF"
-# hover-col: "#0085A1"
-# footer-col: "#222"
-# footer-text-col: "#989898"
-# footer-link-col: "#d2d2d2"
-
-# Or beige
-navbar-col: "#d8d8d8"
-navbar-text-col: "#404040"
-navbar-children-col: "#F5F5F5"
-page-col: "#bbbbbb"
-link-col: "#008AFF"
-hover-col: "#0085A1"
-footer-col: "#d8d8d8"
-footer-text-col: "#777777"
-footer-link-col: "#404040"
-
-# Or just white
-# navbar-col: "#F5F5F5"
-# navbar-text-col: "#404040"
-# navbar-children-col: "#F5F5F5"
-# page-col: "#FFFFFF"
-# link-col: "#008AFF"
-# hover-col: "#0085A1"
-# footer-col: "#F5F5F5"
-# footer-text-col: "#777777"
-# footer-link-col: "#404040"
-
-
-
-
-# Alternatively, the navbar, footer, and page background can be set to use background images
-# instead of colour
-
-# navbar-img: "/img/bgimage.png"
-# footer-img: "/img/bgimage.png"
-# page-img: "/img/bgimage.png"
-
-# --- Footer options --- #
-
-# Change all these values or delete the ones you don't want.
-# Important: you must keep the "name" parameter, everything else you can remove
 author:
   name: Slashiee + awesome contributors
 
-# Select your active Social Network Links.
-# Uncomment the links you want to show in the footer and add your information to each link.
-# You can reorder the items to define the link order.
-# If you want to add a new link that isn't here, you'll need to also edit the file _data/SocialNetworks.yml
-social-network-links:
-#  rss: true
-#  email: "someone@example.com"
-#  facebook: daattali
-#  github: daattali
-#  twitter: daattali
-#  reddit: yourname
-#  google-plus: +DeanAttali
-#  linkedin: daattali
-#  xing: yourname
-#  stackoverflow: "3943160/daattali"
-#  snapchat: deanat78
-#  instagram: deanat78
-#  youtube: user/deanat78
-#  spotify: yourname
-#  telephone: +14159998888
-#  steam: deanat78
-#  twitch: yourname
-#  yelp: yourname
-
-# Select which share links to show in posts
-share-links-active:
-  twitter: false
-  facebook: false
-  google: false
-  linkedin: false
-
-# How to display the link to the website in the footer
-# Remove this if you don't want a link in the footer
-url-pretty: "slashiee.github.io/gfx_pack"
-
-# Excerpt Word Length
-# Truncates the excerpt to the specified number of words on the index page
-excerpt_length: 50
-
-# Character used to separate site title and description in HTML document title
-# and RSS feed title
-title-separator: "-"
-
-# --- Don't need to touch anything below here (but you can if you want) --- #
-
-# Output options (more information on Jekyll's site)
-markdown: kramdown
-highlighter: rouge
-permalink: /:year-:month-:day-:title/
-paginate: 5
-
-kramdown:
-  input: GFM
-
-# Default YAML values (more information on Jekyll's site)
-defaults:
-  -
-    scope:
-      path: ""
-      type: "posts"
-    values:
-      layout: "post"
-      comments: false
-      social-share: false
-  -
-    scope:
-      path: "" # all files
-    values:
-      layout: "page"
-      show-avatar: true
-
-# Use tags index page and make tags on each post clickable
-link-tags: true
-
-# Exclude these files from production site
 exclude:
-  - CHANGELOG.md
+  - .gitignore
-  - CNAME
-  - Dockerfile
   - Gemfile
   - Gemfile.lock
-  - LICENSE
-  - README.md
-  - Vagrantfile
   - watch_local.bat
 
-# prose.io config
+collections:
-prose:
+  - FAQ
-  rooturl: '_posts'
-  media: 'img'
-  ignore:
-    - 404.html
-    - LICENSE
-    - feed.xml
-    - _config.yml
-    - /_layouts
-    - /_includes
-    - /css
-    - /img
-    - /js
-  metadata:
-    _posts:
-      - name: "layout"
-        field:
-          element: "hidden"
-          value: "post"
-      - name: "title"
-        field:
-          element: "text"
-          label: "Post title"
-          placeholder: "Title"
-          alterable: true
-      - name: "subtitle"
-        field:
-          element: "textarea"
-          label: "Subtitle"
-          placeholder: "A description of your post."
-          alterable: true
-      - name: "date"
-        field:
-          element: "text"
-          label: "Date"
-          help: "Enter date of post."
-          placeholder: "yyyy-mm-dd"
-          alterable: true
-      - name: "image"
-        field:
-          element: "text"
-          label: "Image"
-          help: "Add a thumbnail image to your post."
-          placeholder: "Thumbnail"
-          alterable: true
-      - name: "published"
-        field:
-          element: "checkbox"
-          label: "Publish"
-          help: "Check to publish post, uncheck to hide."
 
 plugins:
-  - jekyll-paginate
+  - jekyll-redirect-from
-  - jekyll-sitemap

docs/_data/GameTitles.yml

@@ -1,356 +1,356 @@
-- title: "Adventure Time: Explore the Dungeon Because I DON’T KNOW"
+"Adventure Time: Explore the Dungeon Because I DON’T KNOW":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Adventure_Time:_Explore_the_Dungeon_Because_I_Don't_Know!"
   version3: false
-- title: "Adventure Time: Finn And Jake Investigations"
+"Adventure Time: Finn And Jake Investigations":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Adventure_Time:_Finn_And_Jake_Investigations"
   version3: false
-- title: "Animal Crossing: amiibo Festival"
+"Animal Crossing: amiibo Festival":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Animal_Crossing:_Amiibo_Festival"
   version3: false
-- title: "Aqua TV"
+"Aqua TV":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Aqua_TV"
   version3: false
-- title: "A World of Keflings"
+"A World of Keflings":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/A_World_of_Keflings"
   version3: true
-- title: "Batman: Arkham City Armored Edition"
+"Batman: Arkham City Armored Edition":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Batman:_Arkham_City_Armored_Edition"
   version3: false
-- title: "Bayonetta"
+"Bayonetta":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Bayonetta"
   version3: true
-- title: "Bayonetta 2"
+"Bayonetta 2":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Bayonetta_2"
   version3: true
-- title: "Ben 10 Omniverse"
+"Ben 10 Omniverse":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Ben_10:_Omniverse"
   version3: false
-- title: "BIT.TRIP Presents… Runner2: Future Legend of Rhythm Alien"
+"BIT.TRIP Presents… Runner2: Future Legend of Rhythm Alien":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/BIT.TRIP_Presents..._Runner2:_Future_Legend_of_Rhythm_Alien"
   version3: false
-- title: "Brunswick Pro Bowling"
+"Brunswick Pro Bowling":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Brunswick_Pro_Bowling"
   version3: false
-- title: "Captain Toad: Treasure Tracker"
+"Captain Toad: Treasure Tracker":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Captain_Toad:_Treasure_Tracker"
   version3: true
-- title: "Chariot"
+"Chariot":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Chariot"
   version3: false
-- title: "Chimpuzzle Pro"
+"Chimpuzzle Pro":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Chimpuzzle_Pro"
   version3: false
-- title: "Chompy Chomp Chomp Party"
+"Chompy Chomp Chomp Party":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Chompy_Chomp_Chomp_Party"
   version3: false
-- title: "Citizens Of Earth"
+"Citizens Of Earth":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Citizens_of_Earth"
   version3: false
-- title: "Devil’s Third"
+"Devil’s Third":
   nativeRes: 720
-  compatLink: "http://compat.cemu.info/wiki/Chariot"
+  compatLink: "http://compat.cemu.info/wiki/Devil%27s_Third"
   version3: false
-- title: "Donkey Kong Country: Tropical Freeze"
+"Donkey Kong Country: Tropical Freeze":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Donkey_Kong_Country:_Tropical_Freeze"
   version3: true
-- title: "DuckTales Remastered"
+"DuckTales Remastered":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/DuckTales_Remastered"
   version3: false
-- title: "Electronic Super Joy: Groove City"
+"Electronic Super Joy: Groove City":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Electronic_Super_Joy:_Groove_City"
   version3: false
-- title: "FAST Racing NEO"
+"FAST Racing NEO":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Fast_Racing_Neo"
   version3: true
-- title: "Family Tennis SP"
+"Family Tennis SP":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Family_Tennis_SP"
   version3: false
-- title: "Fist of the North Star - Ken’s Rage 2"
+"Fist of the North Star - Ken’s Rage 2":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Fist_of_the_North_Star:_Ken's_Rage_2"
   version3: false
-- title: "Frenchy Bird"
+"Frenchy Bird":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Frenchy_Bird"
   version3: false
-- title: "Ghost Blade HD"
+"Ghost Blade HD":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Ghost_Blade_HD"
   version3: false
-- title: "Giana Sisters: Twisted Dreams"
+"Giana Sisters: Twisted Dreams":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Giana_Sisters:_Twisted_Dreams"
   version3: false
-- title: "Guacamelee! Super Turbo Championship Edition"
+"Guacamelee! Super Turbo Championship Edition":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Guacamelee:_Super_Turbo_Championship_Edition"
   version3: false
-- title: "Hyrule Warriors"
+"Hyrule Warriors":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Hyrule_Warriors"
   version3: true
-- title: "Infinity Runner"
+"Infinity Runner":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Infinity_Runner"
   version3: false
-- title: "Kamen Rider - Battride War II"
+"Kamen Rider - Battride War II":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Kamen_Rider:_Battride_War_II"
   version3: false
-- title: "Kick and Fennick"
+"Kick and Fennick":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Kick_and_Fennick"
   version3: false
-- title: "Kirby and the Rainbow Curse"
+"Kirby and the Rainbow Curse":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Kirby_and_the_Rainbow_Curse"
   version3: false
-- title: "Kung Fu Panda: Showdown of Legendary Legends"
+"Kung Fu Panda: Showdown of Legendary Legends":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Kung_Fu_Panda:_Showdown_of_Legendary_Legends"
   version3: false
-- title: "LEGO City Undercover"
+"LEGO City Undercover":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/LEGO_City_Undercover"
   version3: false
-- title: "Mario Party 10"
+"Mario Party 10":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Mario_Party_10"
-  version3: false
+  version3: true
-- title: "Mario & Sonic at the Rio 2016 Olympic Games"
+"Mario & Sonic at the Rio 2016 Olympic Games":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Mario_&_Sonic_at_the_Rio_2016_Olympic_Games"
   version3: true
-- title: "Mario & Sonic at the Sochi 2014 Olympic Winter Games"
+"Mario & Sonic at the Sochi 2014 Olympic Winter Games":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Mario_&_Sonic_at_the_Sochi_2014_Olympic_Winter_Games"
   version3: false
-- title: "Mario Kart 8"
+"Mario Kart 8":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Mario_Kart_8"
   version3: true
-- title: "Mario Tennis: Ultra Smash"
+"Mario Tennis: Ultra Smash":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Mario_Tennis:_Ultra_Smash"
   version3: true
-- title: "Meme Run"
+"Meme Run":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Meme_Run"
   version3: true
-- title: "Minecraft: Story Mode"
+"Minecraft: Story Mode":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Minecraft:_Story_Mode"
   version3: false
-- title: "Minecraft: Wii U Edition"
+"Minecraft: Wii U Edition":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Minecraft:_Wii_U_Edition"
   version3: false
-- title: "Monster Hunter 3 Ultimate"
+"Monster Hunter 3 Ultimate":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Monster_Hunter_3_Ultimate"
   version3: true
-- title: "NBA 2K13"
+"NBA 2K13":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/NBA_2K13"
   version3: false
-- title: "New Super Luigi U"
+"New Super Luigi U":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/New_Super_Luigi_U"
   version3: true
-- title: "New Super Mario Bros. U"
+"New Super Mario Bros. U":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/New_Super_Mario_Bros._U"
   version3: true
-- title: "Ninja Gaiden 3: Razor’s Edge"
+"Ninja Gaiden 3: Razor’s Edge":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Ninja_Gaiden_3:_Razor's_Edge"
   version3: true
-- title: "Nintendo Land"
+"Nintendo Land":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Nintendo_Land"
   version3: true
-- title: "One Piece: Unlimited World Red"
+"One Piece: Unlimited World Red":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/One_Piece:_Unlimited_World_Red"
   version3: true
-- title: "PAC-MAN & the Ghostly Adventures"
+"PAC-MAN & the Ghostly Adventures":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Pac-Man_and_the_Ghostly_Adventures_1"
   version3: false
-- title: "PAC-MAN & the Ghostly Adventures 2"
+"PAC-MAN & the Ghostly Adventures 2":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Pac-Man_and_the_Ghostly_Adventures_2"
   version3: false
-- title: "Paper Mario: Color Splash"
+"Paper Mario: Color Splash":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Paper_Mario:_Color_Splash"
   version3: false
-- title: "Paper Monsters Recut"
+"Paper Monsters Recut":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Paper_Monsters_Recut"
   version3: false
-- title: "Phineas and Ferb: Quest for Cool Stuff"
+"Phineas and Ferb: Quest for Cool Stuff":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Phineas_and_Ferb:_Quest_for_Cool_Stuff"
   version3: false
-- title: "Pikmin 3"
+"Pikmin 3":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Pikmin_3"
   version3: true
-- title: "Pokkén Tournament"
+"Pokkén Tournament":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Pokk%C3%A9n_Tournament"
   version3: true
-- title: "Project Zero: Maiden of Black Water"
+"Project Zero: Maiden of Black Water":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Project_Zero:_Maiden_of_Black_Water"
   version3: true
-- title: "Puyo Puyo Tetris"
+"Puyo Puyo Tetris":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Puyo_Puyo_Tetris"
   version3: false
-- title: "Sanatory Hallways"
+"Sanatory Hallways":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Sanatory_Hallways"
   version3: false
-- title: "Scribblenauts Unlimited"
+"Scribblenauts Unlimited":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Scribblenauts_Unlimited"
   version3: false
-- title: "Scribblenauts Unmasked: A DC Comics Adventure"
+"Scribblenauts Unmasked: A DC Comics Adventure":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Scribblenauts_Unmasked:_A_DC_Comics_Adventure"
   version3: false
-- title: "Severed"
+"Severed":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Severed"
   version3: false
-- title: "Shantae: Half-Genie Hero"
+"Shantae: Half-Genie Hero":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Shantae:_Half-Genie_Hero"
   version3: false
-- title: "Shovel Knight"
+"Shovel Knight":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Shovel_Knight:_Plauge_of_Shadows"
   version3: false
-- title: "The Smurfs 2"
+"The Smurfs 2":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/The_Smurfs_2"
   version3: false
-- title: "Sonic Boom: Rise of Lyric"
+"Sonic Boom: Rise of Lyric":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Sonic_Boom:_Rise_of_Lyric"
   version3: true
-- title: "Sonic Lost World"
+"Sonic Lost World":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Sonic_Lost_World"
   version3: true
-- title: "Splatoon"
+"Splatoon":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Splatoon"
   version3: true
-- title: "SpongeBob SquarePants: Plankton’s Robotic Revenge"
+"SpongeBob SquarePants: Plankton’s Robotic Revenge":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Spongebob_Squarepants:_Plankton's_Robotic_Revenge"
   version3: false
-- title: "Star Fox Guard"
+"Star Fox Guard":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Star_Fox_Guard"
   version3: false
-- title: "Star Fox Zero"
+"Star Fox Zero":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Star_Fox_Zero"
   version3: false
-- title: "Super Mario 3D World"
+"Super Mario 3D World":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Super_Mario_3D_World"
   version3: true
-- title: "Super Mario Maker"
+"Super Mario Maker":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Super_Mario_Maker"
   version3: true
-- title: "Super Smash Bros. for Wii U"
+"Super Smash Bros. for Wii U":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/Super_Smash_Bros._U"
   version3: true
-- title: "TNT Racers Nitro Machines Edition"
+"TNT Racers Nitro Machines Edition":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/TNT_Racers_Nitro_Machines_Edition"
   version3: false
-- title: "Taiko no Tatsujin: Atsumete Tomodachi Daisakusen"
+"Taiko no Tatsujin: Atsumete Tomodachi Daisakusen":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Taiko_no_Tatsujin:_Atsumete_Tomodachi_Daisakusen"
   version3: false
-- title: "Tekken Tag Tournament 2: Wii U Edition"
+"Tekken Tag Tournament 2: Wii U Edition":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Tekken_Tag_Tournament_2"
   version3: false
-- title: "Tengami"
+"Tengami":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Tengami"
   version3: false
-- title: "The Legend of Zelda: Breath of the Wild"
+"The Legend of Zelda: Breath of the Wild":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/The_Legend_of_Zelda:_Breath_of_the_Wild"
   version3: true
-- title: "The Legend of Zelda: The Wind Waker HD"
+"The Legend of Zelda: The Wind Waker HD":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/The_Legend_of_Zelda:_The_Wind_Waker_HD"
   version3: true
-- title: "The Legend of Zelda: Twilight Princess HD"
+"The Legend of Zelda: Twilight Princess HD":
   nativeRes: 1080
   compatLink: "http://compat.cemu.info/wiki/The_Legend_of_Zelda:_Twilight_Princess_HD"
   version3: true
-- title: "The Wonderful 101"
+"The Wonderful 101":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/The_Wonderful_101"
   version3: true
-- title: "Tokyo Mirage Sessions ♯FE"
+"Tokyo Mirage Sessions ♯FE":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Tokyo_Mirage_Sessions_#FE"
   version3: true
-- title: "Turbo: Super Stunt Squad"
+"Turbo: Super Stunt Squad":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Turbo:_Super_Stunt_Squad"
   version3: false
-- title: "Warriors Orochi 3 Hyper"
+"Warriors Orochi 3 Hyper":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Warriors_Orochi_3_Hyper"
   version3: false
-- title: "Wipeout 3"
+"Wipeout 3":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Wipeout_3"
   version3: false
-- title: "Wipeout Create & Crash"
+"Wipeout Create & Crash":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Wipeout:_Create_&_Crash"
   version3: false
-- title: "Xenoblade Chronicles X"
+"Xenoblade Chronicles X":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Xenoblade_Chronicles_X"
   version3: true
-- title: "Yoshi’s Woolly World"
+"Yoshi’s Woolly World":
   nativeRes: 720
   compatLink: "http://compat.cemu.info/wiki/Yoshi's_Woolly_World"
   version3: true

docs/_data/SocialNetworks.yml

@@ -1,97 +0,0 @@
-# You can define your custom social network links here.
-# Use the same key you added in _config.yml -> social-network-links.
-# In addition to that you need to specify the following properties:
-#   name: Specify a user-friendly name that will be used as a link title
-#   baseURL: Define a base URL which will be combined with the value of
-#            site.social-network-links.<key>
-#   icon: Specify a valid fontawesome icon class
-
-facebook:
-  name: "Facebook"
-  baseURL: "https://www.facebook.com/"
-  icon: "fa-facebook"
-
-github:
-  name: "GitHub"
-  baseURL: "https://github.com/"
-  icon: "fa-github"
-
-twitter:
-  name: "Twitter"
-  baseURL: "https://twitter.com/"
-  icon: "fa-twitter"
-
-reddit:
-  name: "Reddit"
-  baseURL: "https://reddit.com/u/"
-  icon: "fa-reddit"
-
-google-plus:
-  name: "Google+"
-  baseURL: "https://plus.google.com/"
-  icon: "fa-google-plus"
-
-email:
-  name: "Email me"
-  baseURL: "mailto:"
-  icon: "fa-envelope"
-
-linkedin:
-  name: "LinkedIn"
-  baseURL: "https://linkedin.com/in/"
-  icon: "fa-linkedin"
-
-xing:
-  name: "Xing"
-  baseURL: "https://www.xing.com/profile/"
-  icon: "fa-xing"
-
-stackoverflow:
-  name: "StackOverflow"
-  baseURL: "https://stackoverflow.com/users/"
-  icon: "fa-stack-overflow"
-
-snapchat:
-  name: "Snapchat"
-  baseURL: "https://www.snapchat.com/add/"
-  icon: "fa-snapchat-ghost"
-
-instagram:
-  name: "Instagram"
-  baseURL: "https://www.instagram.com/"
-  icon: "fa-instagram"
-
-youtube:
-  name: "YouTube"
-  baseURL: "https://www.youtube.com/"
-  icon: "fa-youtube"
-
-spotify:
-  name: "Spotify"
-  baseURL: "https://open.spotify.com/user/"
-  icon: "fa-spotify"
-
-telephone:
-  name: "Phone"
-  baseURL: "tel:"
-  icon: "fa-phone"
-
-rss:
-  name: "RSS"
-  baseURL: "{{ '/feed.xml' | prepend: site.baseurl }}"
-  icon: "fa-rss"
-
-steam:
-  name: "Steam"
-  baseURL: "https://steamcommunity.com/id/"
-  icon: "fa-steam"
-
-twitch:
-  name: "Twitch"
-  baseURL: "https://www.twitch.tv/"
-  icon: "fa-twitch"
-
-yelp:
-  name: "Yelp"
-  baseURL: "https://{{ site.author.yelp }}.yelp.com"
-  icon: "fa-yelp"

docs/_includes/disqus.html

@@ -1,17 +0,0 @@
-{%- if site.disqus -%}
-<div class="comments">
-    <div id="disqus_thread"></div>
-    <script type="text/javascript">
-        var disqus_shortname = '{{ site.disqus }}';
-        /* ensure that pages with query string get the same discussion */
-            var url_parts = window.location.href.split("?");
-            var disqus_url = url_parts[0];
-        (function() {
-            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
-            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
-            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-        })();
-    </script>
-    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-</div>
-{%- endif -%}

docs/_includes/ext-css.html

@@ -1,7 +0,0 @@
-{% if include.css.sri %}
-  <link href="{{ include.css.href }}" rel="stylesheet" integrity="{{ include.css.sri }}" crossorigin="anonymous">
-{% elsif include.css.href %}
-  <link rel="stylesheet" href="{{ include.css.href }}" />
-{% else %}
-  <link rel="stylesheet" href="{{ include.css }}" />
-{% endif %}

docs/_includes/ext-js.html

@@ -1,7 +0,0 @@
-{% if include.js.sri %}
-  <script src="{{ include.js.href }}" integrity="{{ include.js.sri }}" crossorigin="anonymous"></script>
-{% elsif include.js.href %}
-  <script src="{{ include.js.href }}"></script>
-{% else %}
-  <script src="{{ include.js }}"></script>
-{% endif %}

docs/_includes/fb-comment.html

@@ -1,14 +0,0 @@
-{%- if site.fb_comment_id -%}
-<div class="comments">
-    <div id="fb-root"></div>
-    <script>(function(d, s, id) {
-       var js, fjs = d.getElementsByTagName(s)[0];
-       if (d.getElementById(id)) return;
-       js = d.createElement(s); js.id = id;
-       js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId={{ site.fb_comment_id }}&autoLogAppEvents=1';
-       fjs.parentNode.insertBefore(js, fjs);
-    }(document, 'script', 'facebook-jssdk'));</script>
-    <div class="fb-comments" data-href="{{ site.url }}{{ page.url }}" data-width="100%" data-numposts="5"></div>
-    <noscript>Please enable JavaScript to view the comments powered by Facebook.</noscript>
-</div>
-{%- endif -%}

docs/_includes/footer-minimal.html

@@ -1,16 +0,0 @@
-<footer class="footer-min">
-  <div class="text-muted">
-	{{ site.author.name }}
-	&nbsp;&nbsp;&bull;&nbsp;&nbsp;
-	{% if page.date %}
-	  {{ page.date }}
-	{% else %}
-	  {{ site.time | date: '%Y' }}
-	{% endif %}
-	
-    {% if site.url-pretty %}
-    &nbsp;&nbsp;&bull;&nbsp;&nbsp;
-    <a href="{{ site.url }}">{{ site.url-pretty }}</a>
-    {% endif %}	
-  </div>
-</footer>

docs/_includes/footer-scripts.html

@@ -1,32 +0,0 @@
-{% if layout.common-ext-js %}
-  {% for js in layout.common-ext-js %}
-    {% include ext-js.html js=js %}
-  {% endfor %}
-{% endif %}
-
-{% if page.ext-js %}
-  {% for js in page.ext-js %}
-    {% include ext-js.html js=js %}
-  {% endfor %}
-{% endif %}
-
-{% if page.js %}
-  {% for js in page.js %}
-	<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
-  {% endfor %}
-{% endif %}
-
-{% if layout.common-js %}
-  {% for js in layout.common-js %}
-    <!-- doing something a bit funky here because I want to be careful not to include JQuery twice! -->
-    {% if js contains 'jquery' %}
-      <script>
-      	if (typeof jQuery == 'undefined') {
-      	  document.write('<script src="{{ js | prepend: site.baseurl | replace: "//", "/" }}"></scr' + 'ipt>');
-      	}
-      </script>
-    {% else %}
-	<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
-    {% endif %}
-  {% endfor %}
-{% endif %}

docs/_includes/footer.html

@@ -1,51 +0,0 @@
-<footer>
-  <div class="container beautiful-jekyll-footer">
-    <div class="row">
-      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        <ul class="list-inline text-center footer-links">
-          {%- for link in site.social-network-links -%}
-            {%- assign curkey = link[0] -%}
-            {%- assign element = site.data.SocialNetworks[curkey] -%}
-            <li>
-            {%- if curkey == 'rss' -%}
-              <a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="{{ element.name }}">
-            {%- elsif curkey == 'yelp' -%}
-              <a href="https://{{ site.social-network-links[curkey] }}.yelp.com" title="{{ element.name }}">
-            {%- else -%}
-              <a href="{{element.baseURL}}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
-            {%- endif -%}
-                <span class="fa-stack fa-lg" aria-hidden="true">
-                  <i class="fa fa-circle fa-stack-2x"></i>
-                  <i class="fa {{ element.icon }} fa-stack-1x fa-inverse"></i>
-                </span>
-                <span class="sr-only">{{ element.name }}</span>
-              </a>
-            </li>
-          {%- endfor -%}
-        </ul>
-      <p class="copyright text-muted">
-      {{ site.author.name }}
-      &nbsp;&bull;&nbsp;
-      {{ site.time | date: '%Y' }}
-
-      {% if site.url-pretty %}
-      &nbsp;&bull;&nbsp;
-      <a href="{{ site.url }}">{{ site.url-pretty }}</a>
-      {% endif %}
-
-      {% if site.matomo %}
-        {% if site.matomo.opt-out %}
-          &nbsp;&bull;&nbsp;
-          <a href="http://{{- site.matomo.uri -}}/index.php?module=CoreAdminHome&action=optOut" target="_blank" class="text_muted">Do-not-Track</a>
-        {% endif %}
-      {% endif%}
-      </p>
-          <!-- Please don't remove this, keep my open source work credited :) -->
-    <p class="theme-by text-muted">
-      Theme by
-      <a href="https://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
-    </p>
-      </div>
-    </div>
-  </div>
-</footer>

docs/_includes/google_analytics.html

@@ -1,12 +0,0 @@
-{% if site.google_analytics %}
-	<!-- Google Analytics -->
-	<script>
-		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-		ga('create', '{{ site.google_analytics }}', 'auto');
-		ga('send', 'pageview');
-	</script>
-	<!-- End Google Analytics -->
-{% endif %}

docs/_includes/gtag.html

@@ -1,11 +0,0 @@
-{% if site.gtag %}
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.gtag }}"></script>
-    <script>
-          window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', '{{ site.gtag }}');
-</script>
-{% endif %}

docs/_includes/gtm_body.html

@@ -1,6 +0,0 @@
-{% if site.gtm %}
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm }}"
-    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-    <!-- End Google Tag Manager (noscript) -->
-{% endif %}

docs/_includes/gtm_head.html

@@ -1,9 +0,0 @@
-{% if site.gtm %}
-    <!-- Google Tag Manager -->
-    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','{{ site.gtm }}');</script>
-    <!-- End Google Tag Manager -->
-{% endif %}

docs/_includes/head.html

@@ -1,68 +0,0 @@
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
-  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
-
-  <title>{% if page.use-site-title %}{{ site.title }} {{ site.title-separator }} {{ site.description }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
-
-  <meta name="author" content="{{ site.author.name }}" />
-
-  {% if page.subtitle %}
-  <meta name="description" content="{{ page.subtitle }}">
-  {% endif %}
-
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} {{ site.title-separator }} {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
-
-  {% include gtag.html %}
-  {% include gtm_head.html %}
-  {% include google_analytics.html %}
-
-  {% if layout.common-ext-css %}
-    {% for css in layout.common-ext-css %}
-      {% include ext-css.html css=css %}
-    {% endfor %}
-  {% endif %}
-
-  {% if layout.common-css %}
-    {% for css in layout.common-css %}
-      <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
-    {% endfor %}
-  {% endif %}
-
-  {% if layout.common-googlefonts %}
-    {% for font in layout.common-googlefonts %}
-      <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
-    {% endfor %}
-  {% endif %}
-
-  {% if page.ext-css %}
-    {% for css in page.ext-css %}
-      {% include ext-css.html css=css %}
-    {% endfor %}
-  {% endif %}
-
-  {% if page.css %}
-    {% for css in page.css %}
-      <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
-    {% endfor %}
-  {% endif %}
-
-  {% if page.googlefonts %}
-    {% for font in page.googlefonts %}
-      <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
-    {% endfor %}
-  {% endif %}
-
-
-  <!-- Twitter summary cards -->
-  <meta name="twitter:card" content="summary" />
-  <meta name="twitter:title" content="{{ page.meta-title }}" />
-  <meta name="twitter:description" content="{{ page.meta-description }}">
-  <meta name="twitter:image" content="https://slashiee.github.io/cemu_graphic_packs/img/avatar-icon.png" />
-
-  {% if site.matomo %}
-  {% include matomo.html %}
-  {% endif %}
-
-</head>

docs/_includes/header.html

@@ -1,76 +0,0 @@
-<!-- TODO this file has become a mess, refactor it -->
-
-{% if page.bigimg or page.title %}
-
-{% if page.bigimg %}
-  <div id="header-big-imgs" data-num-img={% if page.bigimg.first %}{{ page.bigimg.size }}{% else %}1{% endif %}
-    {% for bigimg in page.bigimg %}
-	  {% assign imgnum = forloop.index %}
-	  {% for imginfo in bigimg %}
-	    {% if imginfo[0] %}
-		  data-img-src-{{ imgnum }}="{{ imginfo[0] | prepend: site.baseurl | replace: '//', '/' }}"
-		  data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
-		{% else %}
-		  data-img-src-{{ imgnum }}="{{ imginfo | prepend: site.baseurl | replace: '//', '/' }}"
-		{% endif %}
-	  {% endfor %}
-    {% endfor %}
-  ></div>
-{% endif %}
-
-<header class="header-section {% if page.bigimg %}has-img{% endif %}">
-{% if page.bigimg %}
-<div class="big-img intro-header">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        <div class="{{ include.type }}-heading">
-          <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
-		  {% if page.subtitle %}
-		    {% if include.type == "page" %}
-            <hr class="small">
-            <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
-			{% else %}
-			<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
-			{% endif %}
-		  {% endif %}
-		  
-		  {% if include.type == "post" %}
-		  <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
-		  {% endif %}
-        </div>
-      </div>
-    </div>
-  </div>
-  <span class='img-desc'></span>
-</div>
-{% endif %}
-<div class="intro-header no-img">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        <div class="{{ include.type }}-heading">
-          <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
-		  {% if page.subtitle %}
-		    {% if include.type == "page" %}
-            <hr class="small">
-            <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
-			{% else %}
-			<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
-			{% endif %}
-		  {% endif %}
-		  
-		  {% if include.type == "post" %}
-		  <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
-		  {% endif %}
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-</header>
-
-
-{% else %}
-<div class="intro-header"></div>
-{% endif %}

docs/_includes/matomo.html

@@ -1,17 +0,0 @@
-{% if site.matomo %}
-  <!-- Matomo -->
-  <script type="text/javascript">
-    var _paq = _paq || [];
-    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-    _paq.push(['trackPageView']);
-    _paq.push(['enableLinkTracking']);
-    (function() {
-      var u="//{{- site.matomo.uri -}}/";
-      _paq.push(['setTrackerUrl', u+'piwik.php']);
-      _paq.push(['setSiteId', '{{- site.matomo.site_id -}}']);
-      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-      g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
-    })();
-  </script>
-  <!-- End Piwik Code -->
-{% endif %}

docs/_includes/nav.html

@@ -1,59 +0,0 @@
-<nav class="navbar navbar-default navbar-fixed-top navbar-custom">
-  <div class="container-fluid">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      {% if site.title-img %}
-        <a class="navbar-brand navbar-brand-logo" href="{{ site.url }}"><img src="{{ site.title-img }}"/></a>
-      {% else %}
-        <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
-      {% endif %}
-    </div>
-
-    <div class="collapse navbar-collapse" id="main-navbar">
-      <ul class="nav navbar-nav navbar-right">
-      {% for link in site.navbar-links %}
-        {% if link[1].first %}
-          <li class="navlinks-container">
-            <a class="navlinks-parent" href="javascript:void(0)">{{ link[0] }}</a>
-            <div class="navlinks-children">
-              {% for childlink in link[1] %}
-                {% for linkparts in childlink %}
-                  {% include navbarlink.html link=linkparts %}
-                {% endfor %}
-              {% endfor %}
-            </div>
-          </li>
-        {% else %}
-          <li>
-            {% include navbarlink.html link=link %}
-          </li>
-        {% endif %}
-        {% endfor %}
-      </ul>
-    </div>
-
-	{% if page.image and (layout.show-avatar or page.show-avatar) %}
-	<div class="avatar-container">
-	  <div class="avatar-img-border">
-	    <a href="{{ site.url }}">
-	      <img class="avatar-img" src="{{ page.image | prepend: site.baseurl | replace: '//', '/' }}" />
-		</a>
-	  </div>
-	</div>
-	{% elsif site.avatar and (layout.show-avatar or page.show-avatar) %}
-	<div class="avatar-container">
-	  <div class="avatar-img-border">
-	    <a href="{{ site.url }} ">
-	      <img class="avatar-img" src="{{ site.avatar | prepend: site.baseurl | replace: '//', '/' }}" />
-		</a>
-	  </div>
-	</div>
-	{% endif %}
-
-  </div>
-</nav>

docs/_includes/navbarlink.html

@@ -1,16 +0,0 @@
-{% capture before %}{{ include.link[1] | split: "://" | first }}{% endcapture %}
-{% capture after %}{{ include.link[1] | split: "://" | last }}{% endcapture %}
-{% assign internal = true %}
-{% if before != after %}
-  {% if before == "http" or before == "https" %}
-    {% assign internal = false %}
-  {% endif %}
-{% endif %}
-
-{% if internal %}
-  {% capture linkurl %}{{ site.baseurl }}/{{ include.link[1] }}{% endcapture %}
-{% else %}
-  {% capture linkurl %}{{ include.link[1] }}{% endcapture %}
-{% endif %}
-
-<a href="{{ linkurl }}">{{ include.link[0] }}</a>

docs/_includes/social-share.html

@@ -1,51 +0,0 @@
-<!-- Check if any share-links are active -->
-{% assign any-share-links = false %}
-{% for links in site.share-links-active %}
-  {% if links[1] == true %}
-    {% assign any-share-links = true %}
-  {% endif %}
-{% endfor %}
-
-{% if any-share-links %}
-<section id = "social-share-section">
-  <span class="sr-only">Share: </span>
-
-  {% if site.share-links-active.twitter %}
-  <!--- Share on Twitter -->
-    <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
-      class="btn btn-social-icon btn-twitter" title="Share on Twitter">
-      <span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
-      <span class="sr-only">Twitter</span>
-    </a>
-  {% endif %}
-
-  {% if site.share-links-active.facebook %}
-  <!--- Share on Facebook -->
-    <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
-      class="btn btn-social-icon btn-facebook" title="Share on Facebook">
-      <span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
-      <span class="sr-only">Facebook</span>
-    </a>
-  {% endif %}
-
-  {% if site.share-links-active.google %}
-  <!--- Share on Google Plus -->
-    <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
-      class="btn btn-social-icon btn-google" title="Share on Google+">
-      <span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
-      <span class="sr-only">Google+</span>
-    </a>
-  {% endif %}
-
-  {% if site.share-links-active.linkedin %}
-  <!--- Share on LinkedIn -->
-    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
-      class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
-      <span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
-      <span class="sr-only">LinkedIn</span>
-    </a>
-  {% endif %}
-
-</section>
-
-{% endif %}

docs/_layouts/base.html

@@ -1,35 +0,0 @@
----
-common-css:
-  - "/css/bootstrap.min.css"
-  - "/css/bootstrap-social.css"
-  - "/css/main.css"
-common-ext-css:
-  - "//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"
-common-googlefonts:
-  - "Lora:400,700,400italic,700italic"
-  - "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
-common-js:
-  - "/js/jquery-1.11.2.min.js"
-  - "/js/bootstrap.min.js"
-  - "/js/main.js"
----
-
-<!DOCTYPE html>
-<html lang="en">
-  <!-- Beautiful Jekyll | MIT license | Copyright Dean Attali 2016 -->
-  {% include head.html %}
-
-  <body>
-
-    {% include gtm_body.html %}
-  
-    {% include nav.html %}
-
-    {{ content }}
-
-    {% include footer.html %}
-  
-    {% include footer-scripts.html %}
-  
-  </body>
-</html>

docs/_layouts/default.html

@@ -1,9 +0,0 @@
----
-layout: base
----
-
-<div class="intro-header"></div>
-
-<div role="main" class="container">
-  {{ content }}
-</div>

docs/_layouts/minimal.html

@@ -1,26 +0,0 @@
----
-common-css:
-  - "/css/bootstrap.min.css"
-  - "/css/main-minimal.css"
-common-js:
-  - "/js/jquery-1.11.2.min.js"
-  - "/js/bootstrap.min.js"
----
-
-<!DOCTYPE html>
-<html lang="en">
-
-  {% include head.html %}
-
-  <body>
-
-    <div role="main" class="container main-content">
-      {{ content }}
-    </div>
-
-    {% include footer-minimal.html %}
-
-    {% include footer-scripts.html %}
-
-  </body>
-</html>

docs/_layouts/page.html

@@ -1,19 +1,62 @@
----
+<!DOCTYPE html>
-layout: base
+<html lang="en">
----
+	<meta charset="utf-8">
-
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-{% include header.html type="page" %}
+	<!-- The Cemu Graphic Packs Repository -->
-
+	<title>{{ page.title }} - {{ site.title }}</title>
-<div class="container" role="main">
+	<link href="/assets/css/universal.css" rel="stylesheet">
-  <div class="row">
+	{%- comment -%} Include page specific .css and .js files {%- endcomment -%}
-    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+	{%- for static_file in site.static_files -%}
-      {{ content }}
+		{%- assign file_directory = static_file.path | split: "/" | pop | join: "/" -%}
-	    {% if page.comments %}
+		{%- assign match_html_file = static_file.basename | append: ".html" -%}
-        <div class="disqus-comments">
+		{%- if match_html_file == page.name and static_file.extname == ".css" and file_directory == "/assets/css" %}
-	        {% include disqus.html %}
+			<link href="{{ static_file.path }}" rel="stylesheet">
+		{% endif -%}
+		{%- if match_html_file == page.name and static_file.extname == ".js" and file_directory == "/assets/javascript" %}
+			<script src="{{ static_file.path }}" defer></script>
+		{% endif -%}
+	{%- endfor %}
+	<meta name="twitter:card" content="summary">
+	<meta name="twitter:title" content="{{ page.title }} - {{ site.title }}">
+	<meta name="twitter:description" content="{{ page.description }}">
+	<meta name="twitter:image" content="https://slashiee.github.io/cemu_graphic_packs/assets/images/embed-icon.png">
+	<!-- Third-party stuff -->
+	<script defer src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+	<script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+	<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+	<!-- End of third-party stuff -->
+	<body class="bg-dark">
+		<header>
+			<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #127282;">
+				<a class="navbar-brand" href="#">Cemu Graphic Packs</a>
+				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
+					<span class="navbar-toggler-icon"></span>
+				</button>
+				<div class="collapse navbar-collapse" id="navbarMenu">
+					<div class="navbar-nav mr-auto">
+						<li class="nav-item dropdown">
+							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">Help us!</a> 
+							<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+								<a class="dropdown-item" href="{{ site.github.issues_url }}/new?title=[Game Title] Issue Title&body=Include a description of the issue. If the issue happens to be at a specific point in your game, providing a save file will make fixing it much easier! Just drag the file on here. Including screenshots of graphical bugs also helps a lot.">Report an issue</a>
+								<a class="dropdown-item" href="{{ site.github.wiki_url }}">Create your own graphic packs</a>
+								<a class="dropdown-item" href="{{ site.github.repository_url }}">See our source</a>
 							</div>
-	        {% include fb-comment.html %}
+						</li>
-	    {% endif %}
 					</div>
+					{% comment -%}
+					<div class="navbar-nav">
+						<a class="nav-item nav-link btn btn-light text-dark m-2" href="#download">Download Graphic Packs</a>
 					</div>
+					{%- endcomment %}
 				</div>
+			</nav>
+		</header>
+		<main class="text-white col-md-6 offset-md-3 pt-4">
+			<div class="alert alert-danger" role="alert" hidden>Work in progress...</div>{{ content }}</main>
+		<footer class="bg-info text-white" hidden>
+			{% comment %} Don't really feel like we need a header. {% endcomment %}
+			<span>Packs available under the {{ site.github.license.key | upcase -}}</span>
+		</footer>
+	</body>
+</html>

docs/_layouts/post.html

@@ -1,76 +0,0 @@
----
-layout: base
----
-
-{% include header.html type="post" %}
-
-<div class="container">
-  <div class="row">
-    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-
-      {% if page.gh-repo %}
-        {% assign gh_split =  page.gh-repo | split:'/'  %}
-        {% assign gh_user =  gh_split[0]  %}
-        {% assign gh_repo =  gh_split[1]  %}
-
-        <div id="header-gh-btns">
-          {% if page.gh-badge.size > 0 %}
-            {% for badge in page.gh-badge %}
-              {% case badge %}
-                {% when 'star'%}
-                  <iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=star&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
-                {% when 'watch'%}
-                  <iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=watch&v=2&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
-                {% when 'fork'%}
-                  <iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&repo={{ gh_repo }}&type=fork&count=true" frameborder="0" scrolling="0" width="120px" height="20px"></iframe>
-                {% when 'follow'%}
-                  <iframe src="https://ghbtns.com/github-btn.html?user={{ gh_user }}&type=follow&count=true" frameborder="0" scrolling="0" width="220px" height="20px"></iframe>
-              {% endcase %}
-            {% endfor %}
-          {% endif %}
-        </div>
-      {% endif %}
-
-      <article role="main" class="blog-post">
-        {{ content }}
-      </article>
-
-      {% if page.tags.size > 0 %}
-        <div class="blog-tags">
-          Tags:
-          {% if site.link-tags %}
-          {% for tag in page.tags %}
-            <a href="{{ site.baseurl }}/tags#{{- tag -}}">{{- tag -}}</a>
-          {% endfor %}
-          {% else %}
-            {{ page.tags | join: ", " }}
-          {% endif %}
-        </div>
-      {% endif %}
-
-      {% if page.social-share %}
-        {% include social-share.html %}
-      {% endif %}
-
-      <ul class="pager blog-pager">
-        {% if page.previous.url %}
-        <li class="previous">
-          <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
-        </li>
-        {% endif %}
-        {% if page.next.url %}
-        <li class="next">
-          <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
-        </li>
-        {% endif %}
-      </ul>
-
-      {% if page.comments %}
-        <div class="disqus-comments">
-          {% include disqus.html %}
-        </div>
-          {% include fb-comment.html %}
-      {% endif %}
-    </div>
-  </div>
-</div>

docs/assets/css/index.css

@@ -0,0 +1,119 @@
+/* General CSS */
+#supported-games-search-results .list-group-item {
+	color: black;
+	font-size: 1.25em;
+}
+
+#supported-games-search-results .badge.badge-pill {
+	position: relative;
+	top: .25em;
+}
+
+#primary_download {
+	background-color: #2cc79c;
+	border-color: #2cc79c;
+	color: white;
+}
+
+#primary_download:hover {
+	background-color: #2ca986 !important;
+	border-color: #2ca986 !important;
+}
+
+#older_download {
+	background-color: #40474e;
+	border-color: #40474e;
+	color: white;
+}
+
+#older_download:hover {
+	background-color: #343a40 !important;
+	border-color: #343a40 !important;
+}
+
+/* Contributors */
+.contributor-avatar-img {
+	width: 70px;
+	height: 70px;
+}
+
+/* Search info */
+
+#information-box #ultrawide p { display: none; }
+#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 #compat-status span { display: none; }
+#information-box.compat-status-loading #compat-status-loading { display: inline !important; }
+#information-box.compat-status-unknown #compat-status-unknown { display: inline !important; }
+#information-box.compat-status-perfect #compat-status-perfect { display: inline !important; }
+#information-box.compat-status-playable #compat-status-playable { display: inline !important; }
+#information-box.compat-status-runs #compat-status-runs { display: inline !important; }
+#information-box.compat-status-loads #compat-status-loads { display: inline !important; }
+#information-box.compat-status-unplayable #compat-status-unplayable { display: inline !important; }
+
+#information-box p, #information-box span p {
+	margin: 0;
+	position: relative;
+	left: 20px;
+}
+
+.list-group-item:first-child {
+	border-top-left-radius: 0 !important;
+	border-top-right-radius: 0 !important;
+}
+
+#supported-games-search:not(.loading) .form-control:valid ~ .input-group-append .input-group-text {
+	border-bottom-right-radius: 0 !important;
+}
+
+/* Search bar - Loading indicator */
+@keyframes spin {
+	from {
+		transform: rotate(0);
+	}
+	to{
+		transform: rotate(359deg);
+	}
+}
+
+#supported-games-search.loading .form-control {
+	border-right-width: 0;
+}
+
+#supported-games-search:not(.loading) .spinner-box {
+	display: none !important;
+}
+
+.spinner-box {
+	background-color: white;
+	align-self: center;
+	height: calc(2.875rem + 2px);
+	padding: .5rem 1rem;
+	border: solid #ced4da;
+	border-width: 1px 0px;
+}
+
+.circle-border {
+	width: 30px;
+	height: 30px;
+	padding: 3px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	border-radius: 50%;
+	background-color: white;
+	background: linear-gradient(0deg, rgba(63,249,220,0.1) 33%, rgba(63,249,220,1) 100%);
+	animation: spin .8s linear 0s infinite;
+}
+
+.circle-core {
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	border-radius: 50%;
+}

docs/assets/css/universal.css

@@ -0,0 +1,5 @@
+footer {
+	width: 100%;
+	height: 60px;
+	line-height: 60px;
+}

docs/assets/images/material-io_search_icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

docs/assets/javascript/index.js

@@ -0,0 +1,132 @@
+// Download latest version
+
+function downloadGraphicPacks() {
+	fetch("https://api.github.com/repos/slashiee/cemu_graphic_packs/releases/latest").then(fetchRes => fetchRes.json()).then(fetchJson => {
+		console.debug("Fetched releases from github...");
+		window.open(fetchJson.assets[0].browser_download_url, "_blank");
+		return;
+	}).catch(fetchErr => {
+		console.error("Seems like something isn't working...", fetchErr);
+	});
+}
+
+// Search Supported Games
+
+var supportedGames = undefined;
+var supportedGamesSearchSet = undefined;
+var supportedGamesSearchSetHalfTitles = {};
+
+const altNames = {
+	"botw": "The Legend of Zelda: Breath of the Wild",
+	"hw": "Hyrule Warriors",
+	"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"
+};
+
+async function searchSupportedGames(searchString) {
+	document.getElementById("supported-games-search").classList.add("loading");
+	document.getElementById("supported-games-search-results").innerHTML = "";
+	
+	if (!supportedGames) {
+		supportedGames = true;
+		await fetch("/supported_titles.json", {cache: "no-store"}).then(fetchRes => fetchRes.json()).then(fetchJson => {
+			console.debug("Fetched supported titles from '/supported_titles.json'.");
+			supportedGames = fetchJson;
+			supportedGamesSearchSet = FuzzySet([], false, 2, 3);
+			for (supportedGame in supportedGames) {
+				supportedGamesSearchSet.add(supportedGame);
+			}
+			return;
+		}).catch(fetchErr => {
+			console.error("Seems like something bad happened!", fetchErr);
+		});
+	}
+	if (supportedGames === true) return; // Fix race errors with input
+	
+	if (Object.keys(altNames).includes(searchString.toLowerCase())) searchString = altNames[searchString.toLowerCase()];
+	resultsHintSearch = supportedGamesSearchSet.get(searchString);
+	
+	if (resultsHintSearch != undefined && resultsHintSearch != null) { 
+		for (let i=0; i<resultsHintSearch.length; i++) {
+			let currResult = resultsHintSearch[i][1];
+			
+			let searchResultEntry = document.createElement("li");
+			let gameTitleText = document.createTextNode(currResult);
+			let versionBadge = document.createElement("span");
+			let versionBadgeText = document.createTextNode(supportedGames[currResult].version3 ? "Latest Cemu version" : "Only supported on version 2");
+			let resolutionBadge = document.createElement("span");
+			let resolutionBadgeText = document.createTextNode(supportedGames[currResult].nativeRes+"p");
+			
+			searchResultEntry.className = "list-group-item list-group-item-action";
+			versionBadge.className = "badge badge-light ml-2";
+			resolutionBadge.className = "badge badge-pill badge-primary float-right";
+			
+			searchResultEntry.onclick=searchInfoModalTrigger
+			if (supportedGames[currResult].version3) {
+				searchResultEntry.classList.add("list-group-item-primary");
+			}
+			else {
+				searchResultEntry.classList.add("list-group-item-secondary");
+			}
+			
+			searchResultEntry.appendChild(gameTitleText);
+			versionBadge.appendChild(versionBadgeText);
+			searchResultEntry.appendChild(versionBadge);
+			resolutionBadge.appendChild(resolutionBadgeText);
+			searchResultEntry.appendChild(resolutionBadge);
+			document.getElementById("supported-games-search-results").appendChild(searchResultEntry);
+		}
+	}
+	
+	
+	document.getElementById("supported-games-search").classList.remove("loading");
+}
+
+async function searchInfoModalTrigger(clickedElem) {
+	$("#searchInfoModal").modal(); // Initiate animation
+	let clickedGame = clickedElem.target.firstChild.textContent;
+	
+	// Reset Compat Information
+	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");
+	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 => {
+			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 = [];
+			
+			for (let i=0; i<compatTemplates.length; i++) {
+				if (compatTemplates[i].firstChild.textContent.includes("Infobox VG")) {
+					let infoboxParts = compatTemplates[i].getElementsByTagName("name");
+					for (let j=0; j<infoboxParts.length; j++) {
+						compatJson[infoboxParts[j].textContent.trim()] = infoboxParts[j].nextElementSibling.textContent.trim();
+					}
+					break;
+				}
+			}
+			
+			console.debug("Parsed compat info...", compatJson)
+			
+			if (!compatJson.image.includes("*.jpg")) {
+				document.getElementById("modal-preview-image").src="http://compat.cemu.info/wiki/Special:Redirect/file/"+compatJson.image.split("File:")[1].split("|")[0];
+			}
+			document.getElementById("information-box").classList.remove("compat-status-loading");
+			document.getElementById("information-box").classList.add("compat-status-"+compatJson.rating.toLowerCase());
+		});
+	}
+	
+	$("#searchInfoModal").modal();
+}
+
+// searchSupportedGames(document.querySelector("#supported-games-search input.form-control").value); // If a user loads the page, execute the search inmediately. Initially meant so that if you'd return to the page and still had a search term, it would look correct.
+document.querySelector("#supported-games-search input.form-control").value = ""; // Don't fetch stuff automatically when the user doesn't want to search. Considered better since it's an optional feature.

docs/feed.xml

@@ -1,24 +0,0 @@
----
-layout: null
----
-<?xml version="1.0" encoding="UTF-8"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>{{ site.title | xml_escape }}</title>
-    <description>{{ site.description | xml_escape }}</description>
-    <link>{{ site.url }}</link>
-    <atom:link href="{{ site.url }}/feed.xml" rel="self" type="application/rss+xml" />
-    {% for post in site.posts limit:20 %}
-      <item>
-        <title>{{ post.title | xml_escape }}</title>
-        <description>
-          {% if post.subtitle %}{{ post.subtitle | xml_escape }} - {% endif %}
-          {{ post.content | strip_html | xml_escape | truncatewords: 50 }}
-        </description>
-        <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
-        <link>{{ site.url }}{{ post.url }}</link>
-        <guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
-      </item>
-    {% endfor %}
-  </channel>
-</rss>

docs/index.html

@@ -1,88 +1,104 @@
 ---
+title: Home
 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."
 ---
+<h1 class="display-4 text-center"><strong>Cemu Graphic Packs</strong></h1>
+<p class="lead text-center">{{ site.description }}</p>
 
-{% comment %} The javascript is designed to be infinitely scaleable. Just copy-pasting the announcement works. {% endcomment %}
+<div class="jumbotron pt-4 pb-4" style="background-color: #127282;">
-<div id="cemu-version-announcement" class="jumbotron notification" hidden>
+	<h3>Downloads</h3>
-    <h2>Cemu 1.14.0 graphic packs are here!</h2>
+	<div><strong>Automatic installation instructions (recommended)</strong></div>
-    <p>With the texture cache rework, the graphic packs required a rework for all of our "resolution packs".</p>
+	<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>
-    <p>Just bare with us while we rework the missing 1.14.0 graphic packs. Reporting on issues is very helpful!</p>
+	<div><strong>Manual installation instructions</strong></div>
-    <p class="lead">
+	<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>
-        <a class="btn btn-primary btn-lg" href="javascript:void(0);" onclick="confirmNotification('cemu-version-announcement');" role="button">Okay!</a>
+	<p class="pt-2 mb-1"><strong>Select the download for your Cemu version</strong></p>
-    </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 id="download-gfx-panel" class="jumbotron">
+<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
-    <h2>Downloads</h2>
+	<div id="supported-games-search" class="input-group input-group-lg">
-    <p>Choose the right download for the Cemu version that you'll use.</p>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/fuzzyset.js/0.0.8/fuzzyset.min.js" integrity="sha256-8BxxbSfdrTeC4uo2W6wROONJCyC35uTaV+xalQIERmk=" crossorigin="anonymous" defer></script>	
-    <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>
+		<input type="text" class="form-control" placeholder="Search here to check the games that have graphic packs!" onkeyup="searchSupportedGames(this.value)" required>
-    <div class="lead">
+		<div class="spinner-box">
-        <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>
+			<div class="circle-border">
-        <span class="dropdown">
+				<div class="circle-core"></div>
-            <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>
+			</div>
-            <ul class="dropdown-menu" aria-labelledby="dropdown-version-button">
+		</div>
-                <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>
+		<div class="input-group-append">
-                <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>
+			 <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>
-<script>
+		<div class="modal-footer border-secondary">
-    fetch("https://api.github.com/repos/slashiee/cemu_graphic_packs/releases/latest").then(fetchRes => fetchRes.json()).then(fetchJson => {
+			<a id="compatWikiButton" class="btn btn-secondary" href="http://compat.cemu.info/wiki/Main_Page">Cemu Compat Wiki</a>
-        console.debug("Fetched releases from github to update the latest release buttons url...");
+			<button class="btn btn-primary" data-dismiss="modal">Close</button>
-        document.getElementById("latest_version_download").href=fetchJson.assets[0].browser_download_url;
+		</div>
-        return;
+    </div>
-    }).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>
 
-
+<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
-{% comment %} Show github contributors {% endcomment %}
+	<h3>Frequently Asked Questions</h3>
-<div id="contributor-list">
+	{% assign ordered = site.FAQ | sort: "order" %}
-    <div class="page-header">
+	{% for question in ordered %}
-        <h3>These graphic packs are made by these contributors!</h3>
+		<details>
+			<summary><strong>{{ question.slug }}?</strong></summary>
+			<div name="{{ question.linkableAnchorName }}" class="pl-4">{{ question.output }}</div>
+		</details>
+	{%- endfor %}
 </div>
-    <table>
+
-        {% tablerow contributor in site.github.contributors cols:9 %}
+<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
-        <a class="contributor-tooltip" href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{contributor.login}}">
+	<h3>Our contributors</h3>
-            <span class="contributor-tooltip-text">{{contributor.login}}<div style="color: red;">{{contributor.contributions}} Commits</div></span>
+	{% for contributor in site.github.contributors %}
-            <img src="{{contributor.avatar_url}}" alt="{{contributor.login}}'s avatar" class="thumbnail">
+		<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>
-        {% endtablerow %}
+	{% endfor %}
-    </table>
 </div>

docs/supported_titles.json

@@ -0,0 +1,4 @@
+---
+layout: null
+---
+{{ site.data.GameTitles | jsonify }}

docs/tags.html

@@ -1,34 +0,0 @@
----
-layout: page
-title: 'Tag Index'
----
-
-{%- capture site_tags -%}
-    {%- for tag in site.tags -%}
-        {{- tag | first -}}{%- unless forloop.last -%},{%- endunless -%}
-    {%- endfor -%}
-{%- endcapture -%}
-{%- assign tags_list = site_tags | split:',' | sort -%}
-
-{%- for tag in tags_list -%}
-    <a href="#{{- tag -}}" class="btn btn-primary tag-btn"><i class="fa fa-tag" aria-hidden="true"></i>&nbsp;{{- tag -}}&nbsp;({{site.tags[tag].size}})</a>
-{%- endfor -%}
-
-<div id="full-tags-list">
-{%- for tag in tags_list -%}
-    <h2 id="{{- tag -}}" class="linked-section">
-        <i class="fa fa-tag" aria-hidden="true"></i>
-        &nbsp;{{- tag -}}&nbsp;({{site.tags[tag].size}})
-    </h2>
-    <div class="post-list">
-        {%- for post in site.tags[tag] -%}
-            <div class="tag-entry">
-                <a href="{{- site.url -}}{{- post.url -}}">{{- post.title -}}</a>
-                <div class="entry-date">
-                    <time datetime="{{- post.date | date_to_xmlschema -}}">{{- post.date | date: "%B %d, %Y" -}}</time>
-                </div>
-            </div>
-        {%- endfor -%}
-    </div>
-{%- endfor -%}
-</div>