cleaned up WBM pages

_pages/en_US/GCBM-offline-covers.md

@@ -0,0 +1,191 @@
+<button class="tablinks btn btn--large btn--primary GCBM" id="defaultOpen" onclick="openTab(event, 'GCBM_usbloaderGX')">USB Loader GX</button>
+<button class="tablinks btn btn--large btn--info GCBM" onclick="openTab(event, 'GCBM_wiiflow')">WiiFlow</button>
+
+<!--  -->
+<div id="GCBM_usbloaderGX" class="blanktabcontent" markdown="1">
+
+## Downloading GameCube Game Covers Offline (USB Loader GX)
+
+#### What you need
+
+- A Wii
+- An SD card or USB drive
+
+#### Instructions
+
+If you just completed the **Wii Backup Manager** section of this page you, skip to Section II. If not continue with the guide.
+{: .notice--info}
+
+##### Section I - Setup
+
+1. Plug your SD card or USB drive into your computer and create a folder called `Covers` on the root of you device.
+
+##### Section II - Downloading Covers
+
+1. Open and load your games into Gamecube Backup Manager.
+
+If you don't know how to load your games, click [here](gcbackupmanager).<br>{: .notice--info}
+
+1. Once your games have loaded, it should look like this. ![GCMB_Loaded_Games](/images/GCBM/GCMB_Loaded_Games.png)
+
+1. Navigate to the `Covers` tab that's in the top left corner and select it, then click `Sync and Download covers (of all games listed)` from the drop down menu.
+
+1. Select the `Log *` tab, to see the covers downloading. If you see an error like this `[YYYY-MM-DD XX:XX:XX]  [ERROR] Failed to download cover (e.g. (Full), (Disc), (3D) or (2D)!`. This probably means that the specific cover it's trying to download is not made yet.![Log_Tab_With_ERROR](/images/GCBM/Log_Tab_With_ERROR.png)
+
+1. Go back to the `Files(Source)` tab, just select a game to see the new covers you downloaded. ![GCBM_Covers_Show](/images/GCBM/GCBM_Covers_Show.png)
+
+##### Section III - Verifying the covers downloaded
+
+1. Open **File Explorer** and navigate and go into the `GCBM` folder, look for a folder called `covers` and go into it.
+
+1. You should see a folder called `cache`, go into that folder and you should see a **region** folder (e.g. US, EN, DE etc.). Enter the **region** folder.
+
+1. Once in the **region** folder, you should see 4 folders named `2d`, `3d`, `Disc`, and `Full`.
+
+It's recommended to use the `3d` covers for **USB Loader GX**. {: .notice--info}
+
+1. Go into the `3d` folder and you should see the covers for your games. ![GCBM_verifying_Covers](/images/GCBM/GCBM_verifying_Covers.png)
+
+##### Section IV - Transferring the covers
+
+1. Still in the `3d` folder, select all the `.png` cover files and copy them into the `covers` folder that's on the root of your SD card or USB drive.
+
+##### Section V - Displaying the covers
+
+1. safely eject and insert the SD card or USB drive into your Wii. **If using a USB HDD, ensure it is plugged into Port 0, like seen here.**![Port0](/images/USBLoadergx/Port0.png)
+
+1. Launch "The Homebrew Channel" (HBC) on your Wii, then load "USB Loader GX".
+
+1. In USB Loader GX, go to "Settings". (**"Gears" icon in the bottom left corner**)
+   ![Settings](/images/USBLoadergx/Settings.png)
+
+1. Press right on the d-pad or the "+" symbol on the Wii remote to navigate to **page 2** in the settings menu. ![Page2](/images/USBLoadergx/Page_2.png)
+
+1. On **Page 2**, click the **"Custom Paths"** option. ![page2](/images/USBLoadergx/Custom_Paths.png)
+
+1. Choose the **"3D Cover Path"** option. ![3dcoverpath](/images/USBLoadergx/3D_Cover_Path.png)
+
+1. When the **"3D Cover Path"** screen appears, you should see the root of your SD card or USB drive. **If needed, change the drive by clicking the middle button where the pointer is.** ![RootofDrive](/images/USBLoadergx/Switch_Drives.png)
+
+1. In the **"3D Cover Path"** screen, locate and select the **"covers"** folder. ![CoversFolder](/images/USBLoadergx/Root_Covers.png)
+
+1. Press "OK" to set the path and then click "OK" on the next screen as well. ![pngs](/images/USBLoadergx/USBLGX_PNGS.png)
+
+1. Back out of the settings menu and verify that the covers are displaying correctly on the main USB Loader GX screen. ![GC_Full_Covers](/images/GCBM/GC_Full_Covers.png)
+
+Congratulations! You have successfully obtained and displayed the game covers for your games. Enjoy your gaming experience with full covers!
+{: .notice--info}
+
+</div>
+
+<!--  -->
+<div id="GCBM_wiiflow" class="blanktabcontent" markdown="1">
+
+## Downloading GameCube Game Covers Offline (WiiFlow)
+
+#### What you need
+
+- A Wii
+- An SD card or USB drive
+
+If you just completed the **Wii Backup Manager** section of this page you, skip to Section II. If not continue with the guide. {: .notice--info}
+
+#### Instructions
+
+##### Section I - Setting up SD card or USB drive
+
+1. Plug your SD card or USB drive into your computer and create a folder called `WiiFlow` on the root of you device.Then create a folder called `boxcovers` inside the `WiiFlow` folder.
+
+##### Section II - Downloading the covers
+
+1. Open and load your games into GCBM
+
+If you don't know how to load your games, click [here](gcbackupmanager).
+{: .notice--info}
+
+1. Once your games have loaded, it should look like this. ![GCMB_Loaded_Games](/images/GCBM/GCMB_Loaded_Games.png)
+
+1. Navigate to the `Covers` tab that's in the top left corner and select it, then click `Sync and Download covers (of all games listed)` from the drop down menu.
+
+1. Select the `Log *` tab, to verify that the covers are downloading. If you see an error like this `[YYYY-MM-DD XX:XX:XX]  [ERROR] Failed to download cover (e.g. (Full), (Disc), (3D) or (2D)!`. This probably means that the specific cover it's trying to download is not made yet.![Log_Tab_With_ERROR](/images/GCBM/Log_Tab_With_ERROR.png)
+
+1. Go back to the `Files(Source)` tab, just select a game to see the new covers you downloaded. ![GCBM_Covers_Show](/images/GCBM/GCBM_Covers_Show.png)
+
+##### Section III - Verifying the covers downloaded
+
+1. Open **File Explorer** and navigate and go into the `GCBM` folder, look for a folder called `covers` and go into it.
+
+1. You should see a folder called `cache`, go into that folder and you should see a **region** folder (e.g. US, EN, DE etc.). Enter the **region** folder.
+
+1. Once in the **region** folder, you should see 4 folders named `2d`, `3d`, `Disc`, and `Full`.
+
+It's recommended to use the `Full` covers for **WiiFlow**. {: .notice--info}
+
+1. Go into the `Full` folder and you should see the covers for your games. ![GCBM_verifying_Covers_Full](/images/GCBM/GCBM_Verifying_Covers_Full.png)
+
+##### Section IV - Transferring the covers
+
+1. Still in the `Full` folder, select all the `.png` cover files and copy them into the `boxcovers` folder that you created inside the `WiiFlow` folder.
+
+##### Section V - Displaying the covers
+
+1. safely eject and insert the SD card or USB drive into your Wii. **If using a USB HDD, ensure it is plugged into Port 0, like seen here.**![Port0](/images/USBLoadergx/Port0.png)
+
+1. Launch "The Homebrew Channel" (HBC) on your Wii, then load "WiiFlow".
+
+1. Press the HOME button on the Wii remote to open the `Settings`. ![WF_Click_Settings](/images/WiiFlow/WF_Click_Settings.png)
+
+1. When in the `Settings` screen, press either the `Right Arrow` in the bottom left or the **" + "** icon on the Wii remote to go to **Page 4**. ![WF_Go_To_Page4](/images/WiiFlow/WF_Go_To_Page4.png)
+
+1. Once in **Page 4**. You'll see an option called `Path Manager` , press `GO` ![WF_Path_Manager](/images/WiiFlow/WF_Path_Manager.png)
+
+1. When you get into the `Path Manager` screen, click the `Set` option for the `Box Cover`. ![WF_Box_Cover](/images/WiiFlow/WF_Box_Cover.png)
+
+1. Once you've done that you should see this screen. Pick the device that has the `WiiFlow` folder on the root of the device. ![WF_Pick_Device](/images/WiiFlow/WF_Pick_Device.png)
+
+1. After you picked your deivce, navigate to the `WiiFlow` folder and select it. **(NOTE" It may be on a different page, use the `Arrows` at in the bottom left to change pages)** ![WF_WiiFlow_Folder](/images/WiiFlow/WF_WiiFlow_Folder.png)
+
+1. Look for a folder called `boxcovers` and select it. ![WF_Boxcovers_Folder](/images/WiiFlow/WF_Boxcovers_Folder.png)
+
+1. You'll be meet with a blank screen, don't worry it's normal, press the `Set` button that's in the buttom middle of the screen ![WF_PNGS](/images/WiiFlow/WF_PNGS.png)
+
+1. Select the `Back` option until you return to the WiiFlow main menu. You should now see a message saying **"Converting covers X of X"**. This indicates that WiiFlow is converting the covers for your games. ![WF_Covers_Show](/images/GCBM/WF_GC_Full_Covers.png)
+
+Congratulations! You have successfully obtained and displayed the game covers for your games. Enjoy your gaming experience with full covers!
+{: .notice--info}
+
+</div>
+
+<script>
+  let tabcontent = document.getElementsByClassName("blanktabcontent");
+  let tablinks = document.getElementsByClassName("tablinks");
+
+  function openTab(evt, tabName) {
+      let element;
+
+      for (element of tabcontent) {
+          element.style.display = "none";
+      }
+
+      for (element of tablinks) {
+          element.className = element.className.replace(
+              "btn--primary",
+              "btn--info"
+          );
+          if (
+              !element.className.includes("btn--info") &&
+              element.className.includes("GCBM")
+          )
+              element.className += " btn--info";
+      }
+
+      document.getElementById(tabName).style.display = "block";
+      evt.currentTarget.className = evt.currentTarget.className.replace(
+          "btn--info",
+          "btn--primary"
+      );
+  }
+
+  // Get the element with id="defaultOpen" and click on it
+  document.getElementById("defaultOpen").click();
+</script>

_pages/en_US/WBM-offline-covers.md

@@ -0,0 +1,185 @@
+<button class="tablinks btn btn--large btn--primary WBM" id="defaultOpen" onclick="openTab(event, 'WBM_usbloaderGX')">USB Loader GX</button>
+<button class="tablinks btn btn--large btn--info WBM" onclick="openTab(event, 'WBM_wiiflow')">WiiFlow</button>
+
+<div id="WBM_usbloaderGX" class="blanktabcontent" markdown="1">
+
+### Downloading Wii Game Covers Offline (USB Loader GX)
+
+#### What you need
+
+- A Wii
+- An SD card or USB drive
+
+#### Instructions
+
+##### Section I - Setup
+
+1. Insert your SD card or USB drive into your computer and create a folder called `covers` on the root of the drive.
+
+##### Section II - Configuring Wii Backup Manager
+
+1. Open and load your games into [Wii Backup Manager](wiibackupmanager).
+1. Once your games have loaded, it should look like this:
+   ![Loaded_Games](/images/WBM/Loaded_Games.png)
+1. Select the "Options" tab, and then click "Settings" from the drop down menu.
+1. In the "Settings" window, select the "Covers" tab. Then under the "USB Loader Configuration" section, select the "USB Loader GX" option.
+1. Right below that you should see a section called "Base cover folder", click the "Folder" icon and then navigate to the `covers` folder that you created in the first section.
+1. Finally, under that section you should see diferent tabs. Select the cover style you want and check the box that says "Enabled", then click "OK" to save the settings.
+
+##### Section III - Downloading the covers
+
+1. Under the "Select" tab, click "All" option from the drop down menu to select all your games.
+1. Click the "Tools" tab in the same row, select "Covers" option from the menu and then click "Sync and download all".
+1. The covers will now begin to download and shouldn't take long.
+1. Now if you go back to the "Files" tab and select a game, you should now see the games along with the new covers.
+   ![Covers_Show_Now](/images/WBM/Covers_Show_Now.png)
+
+##### Section III - Verifying the covers downloaded
+
+1. Open File Explorer and navigate to the `covers` folder that's on the root of your SD card or USB drive. You should see the covers for your games.
+
+   - The covers will look different if you selected another cover style.
+
+   ![verifying_Covers](/images/WBM/verifying_Covers.png)
+
+##### Section IV - Displaying the covers
+
+1. Eject and insert your SD card or USB drive into your Wii.
+1. Launch the Homebrew Channel on your Wii, then load "USB Loader GX".
+1. In USB Loader GX, go to "Settings".
+   ![Settings](/images/USBLoadergx/Settings.png)
+1. Navigate to the second page and select "Custom Paths".
+   ![page2](/images/USBLoadergx/Custom_Paths.png)
+1. Select "3D Cover Path".
+   ![3dcoverpath](/images/USBLoadergx/3D_Cover_Path.png)
+1. You should now see the root of your SD card or USB drive. If needed, change the drive by selecting the center button at the bottom of the screen. Locate and select the "covers" folder.
+   ![CoversFolder](/images/USBLoadergx/Root_Covers.png)
+1. Press "OK" to set the path and then click "OK" on the next screen as well.
+   ![pngs](/images/USBLoadergx/USBLGX_PNGS.png)
+1. Exit the settings menu and verify that the covers are displaying correctly on the main USB Loader GX screen.
+   ![FullCovers](/images/USBLoadergx/Full_Covers.png)
+
+{: .notice--info}
+Congratulations! You have successfully obtained and displayed the game covers for your games. Enjoy your gaming experience with full covers!
+
+</div>
+
+<!--  -->
+<div id="WBM_wiiflow" class="blanktabcontent" markdown="1">
+
+### Downloading Wii Game Covers Offline (WiiFlow)
+
+#### What you need
+
+- A Wii
+- An SD card or USB drive
+
+#### Instructions
+
+##### Section I - Setting up SD card or USB drive
+
+1. Insert your SD card or USB drive into your computer and create a folder called `WiiFlow` on the root of the drive.
+
+##### Section II - Configuring Wii Backup Manager
+
+1. Open and load your games into WBM
+
+If you don't know how to load your games, click [here](wiibackupmanager).
+{: .notice--info}
+
+1. Open and load your games into [Wii Backup Manager](wiibackupmanager).
+1. Once your games have loaded, it should look like this:
+   ![Loaded_Games](/images/WBM/Loaded_Games.png)
+1. Select the "Options" tab, and then click "Settings" from the drop down menu.
+1. In the "Settings" window, select the "Covers" tab. Then under the "USB Loader Configuration" section, select the "USB Loader GX" option.
+1. Right below that you should see a section called "Base cover folder", click the "Folder" icon and then navigate to the `WiiFlow` folder that you created in the first section.
+1. Finally, under that section you should see diferent tabs. Select the cover style you want and check the box that says "Enabled", then click "OK" to save the settings.
+
+##### Section III - Downloading the covers
+
+1. Under the "Select" tab, click "All" option from the drop down menu to select all your games.
+1. Click the "Tools" tab in the same row, select "Covers" option from the menu and then click "Sync and download all".
+1. The covers will now begin to download and shouldn't take long.
+1. Now if you go back to the "Files" tab and select a game, you should now see the games along with the new covers.
+   ![Covers_Show_Now](/images/WBM/Covers_Show_Now.png)
+
+##### Section III - Verifying the covers downloaded
+
+1. Open File Explorer and navigate to the `covers` folder that's on the root of your SD card or USB drive. You should see the covers for your games.
+
+   - The covers will look different if you selected another cover style.
+
+   ![verifying_Covers](/images/WBM/verifying_Covers.png)
+
+##### Section IV - Displaying the covers
+
+1. Eject and insert your SD card or USB drive into your Wii.
+1. Launch the Homebrew Channel on your Wii, then load "WiiFlow".
+1. Press the HOME button on the Wii Remote to open the `Settings`.
+   ![WF_Click_Settings](/images/WiiFlow/WF_Click_Settings.png)
+
+1. In Settings, navigate to Page 4 and select `Go` besides the `Path Manager` option.
+   ![WF_Path_Manager](/images/WiiFlow/WF_Path_Manager.png)
+1. Select the `Set` option for the `Box Covers`.
+   ![WF_Box_Cover](/images/WiiFlow/WF_Box_Cover.png)
+1. Pick the device that has the `WiiFlow` folder on the root of the device.
+   ![WF_Pick_Device](/images/WiiFlow/WF_Pick_Device.png)
+1. After you picked your deivce, navigate to the `WiiFlow` folder and select it.
+
+   - If the folder is on a different page, use the arrows at the bottom left to navigate to the correct page.
+
+   ![WF_WiiFlow_Folder](/images/WiiFlow/WF_WiiFlow_Folder.png)
+
+1. Locate and select the `boxcovers` folder.
+   ![WF_Boxcovers_Folder](/images/WiiFlow/WF_Boxcovers_Folder.png)
+1. Select `Set`.
+   ![WF_PNGS](/images/WiiFlow/WF_PNGS.png)
+1. Select the `Back` option until you return to the WiiFlow main menu. You should now see a message saying that WiiFlow is converting your covers.
+   ![WF_Covers_Show](/images/WiiFlow/WF_Covers_Show.png)
+
+{: .notice--info}
+Congratulations! You have successfully obtained and displayed the game covers for your games. Enjoy your gaming experience with full covers!
+
+#### Troubleshooting
+
+##### The covers aren't displaying.
+
+Press the HOME button on the Wii Remote while in WiiFlow. Select `Reload Cache`, and the covers should now appear.
+![WF_Reload_Cache](/images/WiiFlow/WF_Reload_Cache.png)
+
+##### The covers are zoomed in, stretched or are too small for the case.
+
+If the covers are zoomed in, stretched or not fitting right on the cases, power down the Wii, eject the SD card or USB drive and insert it into the computer. Open File Explorer, navigate to your device and go into the `WiiFlow` folder on the root of the drive. Locate and delete a folder called `cache`. Eject the device from the computer and insert it back into the Wii and load WiiFlow again, the covers should be displaying properly now.
+
+</div>
+
+<script>
+  let tabcontent = document.getElementsByClassName("blanktabcontent");
+  let tablinks = document.getElementsByClassName("tablinks");
+
+  function openTab(evt, tabName) {
+      let element;
+
+      for (element of tabcontent) {
+          element.style.display = "none";
+      }
+
+      for (element of tablinks) {
+          element.className = element.className.replace(
+              "btn--primary",
+              "btn--info"
+          );
+          if (!element.className.includes("btn--info"))
+              element.className += " btn--info";
+      }
+
+      document.getElementById(tabName).style.display = "block";
+      evt.currentTarget.className = evt.currentTarget.className.replace(
+          "btn--info",
+          "btn--primary"
+      );
+  }
+
+  // Get the element with id="defaultOpen" and click on it
+  document.getElementById("defaultOpen").click();
+</script>

_pages/en_US/gcbackupmanager.md

@@ -37,6 +37,8 @@ Make sure your USB drive is formatted as FAT32. Do not format it as other types
 Selecting `Install Game (Scrub)` will remove unnecessary data from the game, reducing the game's file size.
 {: .notice--info}
 
+{% include_relative GCBM-offline-covers.md %}
+
 [Continue to site navigation](site-navigation)<br>
 We have many other tutorials that you might like.
 {: .notice--info}

_pages/en_US/usbloadergx.md

@@ -53,6 +53,7 @@ There is no "guide" to use the USB Loader GX app. This is intended to help you l
 
 * If USB Loader GX says "Waiting for HDD..." with a 20 seconds countdown, it's likely that it can't find the USB drive. Try to exit out of the app, and then relaunch it after you put the USB drive in the other port of the Wii.
 * You can press the 1 Button on your Wii Remote to open up a dialog to download game covers and artwork from [GameTDB](https://gametdb.com/). It might take a while to download the game covers and artwork, depending on how many games you have.
+*  If you don't have an internet connection, you can manually download the covers by following this guide [here](Offline-Covers).<br>
 * There are WADs that can open up USB Loader GX if you load it from the Wii Menu. This is called a forwarder WAD. An official forwarder WAD can be found [here](https://sourceforge.net/projects/usbloadergx/files/Releases/Forwarders/USB%20Loader%20GX-UNEO_Forwarder_5_1_AHBPROT.wad), and a version for the vWii (Wii U) can be found [here](https://sourceforge.net/projects/usbloadergx/files/Releases/Forwarders/USB%20Loader%20GX-UNEO_Forwarder_5_1_AHBPROT_vWii%20%28Fix%29.wad).
 * GameCube or "custom" Wii games may or may not have a custom banner that USB Loader GX uses. To enable this, find or write `CustomBannersURL = http://banner.rc24.xyz/` in config/GXGlobal.cfg on your USB drive. Then you can use the "Custom Banner" download by pressing the 1 Button on your Wii Remote.
 

_pages/en_US/wiibackupmanager.md

@@ -8,13 +8,15 @@ If you need help for anything regarding this tutorial, please join [the RiiConne
 {: .notice--info}
 
 Wii Backup Manager is a program to copy Wii games from your computer to a USB drive so you can play the games on your Wii. It also can download game covers from [GameTDB](https://gametdb.com/) and can be used to list what games you have. This tutorial will tell you how to copy over games from your computer to your USB drive. The other features are able to be used in the easy-to-use interface.
+
+## Managing Your Games
+
 #### What you need
 
 * A PC running Windows
 * A USB drive or SD card
 * [Wii Backup Manager](https://static.wiidatabase.de/Wii-Backup-Manager.zip)
 
-
 We recommend you copy games over with [Witgui](https://desairem.com/wordpress/category/witgui-download/) if you use macOS, or [Wii Backup Fusion](https://github.com/larsenv/Wii-Backup-Fusion) for Windows, macOS, and Linux. Wii Backup Manager is only compatible with Windows.
 {: .notice--info}
 
@@ -48,6 +50,10 @@ Select `Files` to add multiple games to the program, or select `Folder` to add a
 1. Select `Transfer`, then select `Drive 1` to transfer the games over. It might take a while for the games to copy over.
 ![Transfer games](/images/WBM/transfer_todrive.png)
 
+## Downloading Wii Game Covers Offline
+
+{% include_relative WBM-offline-covers.md %}
+
 ##### Options once complete
 
 [Continue to cIOS](cios)<br>

_pages/en_US/wiiflow.md

@@ -54,6 +54,7 @@ This is not a full comprehensive guide on using WiiFlow. This is intended to hel
 - WiiFlow by default is set to only find games on the SD card. This can be changed by going in to settings, startup settings then turn off "Mount SD Only".
 - You can toggle between viewing Wii games, GameCube games, Wii Channels, Plugins, Homebrew apps by clicking the button second to last button on the right.
 - You can download game covers by going to "Settings" then "Download Covers and Banners"
+- If you don't have an internet connection, you can manually download the covers by following this guide [here](Offline-Covers).<br>
 
 ##### User Interface