Revert "Reworked website!"

This reverts commit 27f90c4326.

Enhancements/BreathOfTheWild_Clarity/37040a485a29d54e_00000000000003c9_ps.txt

@@ -31,7 +31,6 @@
 	// Serfrost Preset (Bright Display) 8
 	// Serfrost Preset (Dim Display) 9
 	// Serfrost Preset (Default) 10
-	// ViskClarity Preset 11
 	
 //##########################################################													   
 
@@ -173,17 +172,17 @@ float DPX_Strength = 0.20;
 	#define adjust_bloom 1 
 	const float bloomFactor = 0.30;
 	#define HDRpassing 0
-	float HDRPower = 1.3;
+	float HDRPower = 1.00;
-  	float radius1 = 0.795;
+	float radius1 = 1.00;
- 	float radius2 = 0.85;
+	float radius2 = 0.80;
 	#define lumapassing 0
-	const float sharp_strength = 0.45;
+	float sharp_strength = 0.45;
-	const float sharp_clamp = 0.085;
+	float sharp_clamp = 0.085;
-	const float offset_bias = 1.0;
+	float offset_bias = 1.0;
 	#define Tone_map 8
 	const float Exposure = 1.17;
 	const float Bleach = 0.4;
-	const float Gamma = 0.9;
+	const float Gamma = 1.00;
 	const float defog = 0.00;
 	vec3 FogColor = vec3(1.0, 1.0, 1.0);
 	const float sat = 0.000;
@@ -191,8 +190,8 @@ float DPX_Strength = 0.20;
 	#define post_process 1
 	const float satFactor = 0.25;
 	#define blacknwhitepass 1
-	const int BlackPoint = 0;
+	const int BlackPoint = 1;
-	const int WhitePoint = 255;
+	const int WhitePoint = 220;
 	#define lggpass 1 
 	vec3 RGB_Lift = vec3(1.000, 1.000, 1.000);
 	vec3 RGB_Gamma = vec3(1.000, 1.000, 1.000);
@@ -205,13 +204,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.02;
+	float Technicolor2_Green_Strength = -0.1;
-	float Technicolor2_Blue_Strength = 0.12;
+	float Technicolor2_Blue_Strength = 0.07;
-	float Technicolor2_Brightness = 0.4;
+	float Technicolor2_Brightness = 0.0;
-	float Technicolor2_Strength = 3.0;
+	float Technicolor2_Strength = 2.0;
-	float Technicolor2_Saturation = 1.0;
+	float Technicolor2_Saturation = 1.3; //1.13 to completely fix lava
-	#define cmatrix 7
+	#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);
@@ -224,7 +223,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.25;
+	const float Saturation = -0.3;
 	const float BaseCurve = 1.5;
 	const float BaseGamma = 1.0;
 	const float EffectGamma = 0.68;
@@ -848,73 +847,6 @@ 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,10 +37,6 @@ $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

@@ -0,0 +1,48 @@
+# 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

@@ -0,0 +1,13 @@
+---
+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

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

docs/LICENSE

@@ -0,0 +1,21 @@
+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

@@ -1,21 +0,0 @@
----
-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

@@ -1,12 +0,0 @@
----
-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

@@ -1,10 +0,0 @@
----
-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,19 +1,215 @@
-title: Cemu Graphic Packs
+# --- General options --- #
-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
 
+title: Cemu Graphic Packs
+description: Largest graphic packs source for Cemu that modify or scale games.
+url: https://slashiee.github.io/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:
-  - .gitignore
+  - CHANGELOG.md
+  - CNAME
+  - Dockerfile
   - Gemfile
   - Gemfile.lock
+  - LICENSE
+  - README.md
+  - Vagrantfile
   - watch_local.bat
 
-collections:
+# prose.io config
-  - FAQ
+prose:
+  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-redirect-from
+  - jekyll-paginate
+  - jekyll-sitemap

docs/_data/GameTitles.yml

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

docs/_data/SocialNetworks.yml

@@ -0,0 +1,97 @@
+# 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

@@ -0,0 +1,17 @@
+{%- 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

@@ -0,0 +1,7 @@
+{% 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

@@ -0,0 +1,7 @@
+{% 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

@@ -0,0 +1,14 @@
+{%- 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

@@ -0,0 +1,16 @@
+<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

@@ -0,0 +1,32 @@
+{% 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

@@ -0,0 +1,51 @@
+<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

@@ -0,0 +1,12 @@
+{% 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

@@ -0,0 +1,11 @@
+{% 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

@@ -0,0 +1,6 @@
+{% 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

@@ -0,0 +1,9 @@
+{% 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

@@ -0,0 +1,68 @@
+<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

@@ -0,0 +1,76 @@
+<!-- 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

@@ -0,0 +1,17 @@
+{% 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

@@ -0,0 +1,59 @@
+<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

@@ -0,0 +1,16 @@
+{% 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

@@ -0,0 +1,51 @@
+<!-- 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

@@ -0,0 +1,35 @@
+---
+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

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

docs/_layouts/minimal.html

@@ -0,0 +1,26 @@
+---
+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,62 +1,19 @@
-<!DOCTYPE html>
+---
-<html lang="en">
+layout: base
-	<meta charset="utf-8">
+---
-	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
-	<!-- The Cemu Graphic Packs Repository -->
+{% include header.html type="page" %}
-	<title>{{ page.title }} - {{ site.title }}</title>
+
-	<link href="/assets/css/universal.css" rel="stylesheet">
+<div class="container" role="main">
-	{%- comment -%} Include page specific .css and .js files {%- endcomment -%}
+  <div class="row">
-	{%- for static_file in site.static_files -%}
+    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-		{%- assign file_directory = static_file.path | split: "/" | pop | join: "/" -%}
+      {{ content }}
-		{%- assign match_html_file = static_file.basename | append: ".html" -%}
+	    {% if page.comments %}
-		{%- if match_html_file == page.name and static_file.extname == ".css" and file_directory == "/assets/css" %}
+        <div class="disqus-comments">
-			<link href="{{ static_file.path }}" rel="stylesheet">
+	        {% include disqus.html %}
-		{% endif -%}
+        </div>
-		{%- if match_html_file == page.name and static_file.extname == ".js" and file_directory == "/assets/javascript" %}
+	        {% include fb-comment.html %}
-			<script src="{{ static_file.path }}" defer></script>
+	    {% endif %}
-		{% endif -%}
+    </div>
-	{%- endfor %}
+  </div>
-	<meta name="twitter:card" content="summary">
+</div>
-	<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>
-						</li>
-					</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

@@ -0,0 +1,76 @@
+---
+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

@@ -1,119 +0,0 @@
-/* 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

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

docs/assets/images/material-io_search_icon.svg

@@ -1 +0,0 @@
-<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

@@ -1,132 +0,0 @@
-// 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

@@ -0,0 +1,24 @@
+---
+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,104 +1,88 @@
 ---
-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>
 
-<div class="jumbotron pt-4 pb-4" style="background-color: #127282;">
+{% comment %} The javascript is designed to be infinitely scaleable. Just copy-pasting the announcement works. {% endcomment %}
-	<h3>Downloads</h3>
+<div id="cemu-version-announcement" class="jumbotron notification" hidden>
-	<div><strong>Automatic installation instructions (recommended)</strong></div>
+    <h2>Cemu 1.14.0 graphic packs are here!</h2>
-	<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>With the texture cache rework, the graphic packs required a rework for all of our "resolution packs".</p>
-	<div><strong>Manual installation instructions</strong></div>
+    <p>Just bare with us while we rework the missing 1.14.0 graphic packs. Reporting on issues is very helpful!</p>
-	<div class="mb-3">Remove <strong>all</strong> of your graphic packs first, then move all of the folders from the .zip file you've made below to the <kbd>graphicPacks</kbd> folder from your Cemu installation.</div>
+    <p class="lead">
-	<p class="pt-2 mb-1"><strong>Select the download for your Cemu version</strong></p>
+        <a class="btn btn-primary btn-lg" href="javascript:void(0);" onclick="confirmNotification('cemu-version-announcement');" role="button">Okay!</a>
-	<button id="primary_download" class="btn" onclick="downloadGraphicPacks()">Cemu 1.4.0 and newer (version 3)</button>
+    </p>
-	<button id="older_download" class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions</button>
-	<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-		<a class="dropdown-item" href="https://github.com/slashiee/cemu_graphic_packs/releases/download/Travis100/graphicPacks100_Uncommon.zip">Cemu 1.8.0 through 1.13.2 (version 2)</a>
-		<a class="dropdown-item" href="https://github.com/slashiee/cemu_graphic_packs/releases/download/1/graphicPacks.zip">Cemu 1.7.0 through 1.7.5 (version 1)</a>
-	</div>
 </div>
 
-<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
+<div id="download-gfx-panel" class="jumbotron">
-	<div id="supported-games-search" class="input-group input-group-lg">
+    <h2>Downloads</h2>
-		<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>Choose the right download for the Cemu version that you'll use.</p>
-		<input type="text" class="form-control" placeholder="Search here to check the games that have graphic packs!" onkeyup="searchSupportedGames(this.value)" required>
+    <p style="font-size: 16px; color: red; font-weight: bold;">Remove your previous graphic packs before installing/updating each time you install your graphic packs or you might run into issues!</p>
-		<div class="spinner-box">
+    <div class="lead">
-			<div class="circle-border">
+        <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-core"></div>
+        <span class="dropdown">
-			</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 class="input-group-append">
+                <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>
-			 <span class="input-group-text" id="inputGroup-sizing-lg"><img class="icon" src="/assets/images/material-io_search_icon.svg" alt="Search Icon"/></span>
+                <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>
-		</div>
+            </ul>
-	</div>
+        </span>
-	<ul id="supported-games-search-results" class="list-group">
-	</ul>
-	<p class="text-center pt-1"><a href="/games">Or view a list with all supported games...</a></p>
-</div>
-
-<div class="modal fade" id="searchInfoModal" tabindex="-1">
-	<div class="modal-dialog modal-lg">
-		<div class="modal-content bg-dark">
-			<div class="modal-header border-secondary">
-				<h5 class="modal-title" id="gameTitle">GameTitle</h5>
-				<button class="close text-light" data-dismiss="modal"><span>&times;</span></button>
-			</div>
-		<div class="modal-body">
-			<div class="container-fluid">
-				<picture>
-					<img id="modal-preview-image" style="width: 156px;" src="/assets/images/no-cover-available.png" class="rounded float-left img-thumbnail" alt="Cover of the game">
-				</picture>
-				<span class="d-inline-block">
-					<span id="information-box" class="compat-status-loading">
-						<p id="compat-status">
-							Known Compatibility Status: 
-							<span id="compat-status-loading">Loading...</span>
-							<span id="compat-status-unknown">Unknown</span>
-							<span id="compat-status-perfect">Perfect<img src="/assets/images/compat_status/perfect.png"></span>
-							<span id="compat-status-playable">Playable<img src="/assets/images/compat_status/playable.png"></span>
-							<span id="compat-status-runs">Runs<img src="/assets/images/compat_status/runs.png"></span>
-							<span id="compat-status-loads">Loads<img src="/assets/images/compat_status/loads.png"></span>
-							<span id="compat-status-unplayable">Unplayable<img src="/assets/images/compat_status/unplayable.png"></span>
-						</p>
-						<p>The game is upscaled from <span id="nativeResolution"></span>p.</p>
-						<span id="ultrawide">
-							<p id="ultrawide-supported">Ultrawide resolutions are supported</p>
-							<p id="ultrawide-unsupported">No ultrawide resolutions are supported</p>
-						</span>
-						<span id="version-3">
-							<p id="version-3-supported">Has graphic packs for Cemu 1.14.0 and newer (version 3)</p>
-							<p id="version-3-unsupported">Doesn't have graphic packs for Cemu 1.14.0 :( use Cemu 1.13.2 or lower for now</p>
-						</span>
-					</span>
-				</span>
-			</div>
-		</div>
-		<div class="modal-footer border-secondary">
-			<a id="compatWikiButton" class="btn btn-secondary" href="http://compat.cemu.info/wiki/Main_Page">Cemu Compat Wiki</a>
-			<button class="btn btn-primary" data-dismiss="modal">Close</button>
-		</div>
     </div>
-  </div>
+</div>
+<script>
+    fetch("https://api.github.com/repos/slashiee/cemu_graphic_packs/releases/latest").then(fetchRes => fetchRes.json()).then(fetchJson => {
+        console.debug("Fetched releases from github to update the latest release buttons url...");
+        document.getElementById("latest_version_download").href=fetchJson.assets[0].browser_download_url;
+        return;
+    }).catch(fetchErr => {
+        console.error("Seems like something isn't working...", fetchErr);
+    });
+</script>
+
+
+
+{% comment %}
+Possible todo's:
+- https://gitreports.com/ (anonymous github issues so that users can report issues).
+- Add/extract additional information from the graphic pack (like showing additional packs besides resolution packs).
+{% endcomment %}
+<div id="game-list" class="panel panel-info panel-default version3-only">
+	<div class="panel-heading">List of graphic pack supported titles</div>
+	<ul class="list-group">
+		{% for gameTitle in site.data.GameTitles %}
+		<li class="list-group-item d-flex justify-content-between align-items-center" {% if gameTitle.version3 == false %}hidden{% endif %}>
+			<a href="{{gameTitle.compatLink}}">{{ gameTitle.title }}</a>
+			<span class="badge badge-primary">{{ gameTitle.nativeRes }}p</span>
+			{% if gameTitle.version3 == true %}
+			<span class="label label-success version-label">Cemu 1.14.0</span>
+			{% endif %}
+		</li>
+		{% endfor %}
+		<div class="panel-footer">
+			<a id="see-more-footer" href="javascript:document.getElementById('game-list').classList.remove('version3-only');">Also see &lt; Cemu 1.13.2 graphic packs...</a>
+			<a id="see-less-footer" href="javascript:document.getElementById('game-list').classList.add('version3-only');">Only show Cemu 1.14.0 graphic packs...</a>
+		</div>
+	</ul>
 </div>
 
-<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
-	<h3>Frequently Asked Questions</h3>
-	{% assign ordered = site.FAQ | sort: "order" %}
-	{% for question in ordered %}
-		<details>
-			<summary><strong>{{ question.slug }}?</strong></summary>
-			<div name="{{ question.linkableAnchorName }}" class="pl-4">{{ question.output }}</div>
-		</details>
-	{%- endfor %}
-</div>
 
-<div class="jumbotron pt-4 pb-4" style="background-color: #37474f">
+{% comment %} Show github contributors {% endcomment %}
-	<h3>Our contributors</h3>
+<div id="contributor-list">
-	{% for contributor in site.github.contributors %}
+    <div class="page-header">
-		<a href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{ contributor.login }}">
+        <h3>These graphic packs are made by these contributors!</h3>
-			<img class="img-thumbnail contributor-avatar-img mt-1 ml-1 mr-1 mb-2" src="{{ contributor.avatar_url }}" alt="{{ contributor.login }}'s avatar">
+    </div>
-		</a>
+    <table>
-	{% endfor %}
+        {% tablerow contributor in site.github.contributors cols:9 %}
+        <a class="contributor-tooltip" href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{contributor.login}}">
+            <span class="contributor-tooltip-text">{{contributor.login}}<div style="color: red;">{{contributor.contributions}} Commits</div></span>
+            <img src="{{contributor.avatar_url}}" alt="{{contributor.login}}'s avatar" class="thumbnail">
+        </a>
+        {% endtablerow %}
+    </table>
 </div>

docs/supported_titles.json

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

docs/tags.html

@@ -0,0 +1,34 @@
+---
+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>