diff --git a/css/style.css b/css/style.css index b2369fd..204d07f 100644 --- a/css/style.css +++ b/css/style.css @@ -38,11 +38,12 @@ h1 { form { max-width: 300px; margin: 0 auto; + padding: 8px; display: flex; flex-direction: column; gap:1rem; - border: 2px; - border-color: black; + border: 2px solid black; + border-radius: 15px; } .form-group { @@ -72,9 +73,41 @@ form { .guide-buttons { display: flex; + flex-direction: column; + padding: 0.5rem; + width: 240px; } .guide { + font-size: 20px; + height: 48px; + cursor: pointer; + border-style: groove; + border-radius: 10px; +} + +.active { + background-color: #afafaf; +} + +.guide-content { + padding: 0.5rem; flex: 1; - font-size: 18px; + border: 2px solid black; + border-radius: 15px; +} + +.guide-container { + display: flex; + margin: 0 auto; + width: 70%; + background-color: #dfdfdf; + border-radius: 15px; + padding: 8px +} + +.filepath { + background-color: #bfbfbf; + color: black; + border-radius: 5px; } \ No newline at end of file diff --git a/guides/guides.js b/guides/guides.js index ec1a3fb..51acb3c 100644 --- a/guides/guides.js +++ b/guides/guides.js @@ -1,4 +1,5 @@ const guideContents = document.querySelectorAll(".guide-content"); +const guideButtons = document.querySelectorAll(".guide"); function changeGuide(newID) { guideContents.forEach(content => { @@ -8,4 +9,15 @@ function changeGuide(newID) { content.style.display = "none"; } }) + + guideButtons.forEach(button => { + let gid = button.id.slice(1); + if (gid == newID) { + button.classList.add("active"); + } else { + if (button.classList.contains("active")) { + button.classList.remove("active"); + } + } + }) } \ No newline at end of file diff --git a/guides/index.html b/guides/index.html index 0c97a85..10523c5 100644 --- a/guides/index.html +++ b/guides/index.html @@ -21,27 +21,111 @@
- - - + + +
-

Installation - Wii U

-

Install Plugins

-

Create Account

+

Installation - Wii U

+

Requirements:

+
    +
  • Wii U with Aroma
    • +
  • SD Card (Preferrably 32GB)
    • +
  • Computer or other device to access SD Card
    • +
  • An internet connection
    • +
+

+ Ensure that you don't have a default user set before setting up SPFN as it could cause you to log in with the wrong account. + To disable it, turn on your Wii U and when it logs in, press your Mii in the top left and scroll down to the option labelled "Default User" and disable it. +

+

If you are currently using Pretendo's DNS servers to connect to Pretendo, disable the DNS server before continuing.

+

Step 1 - SD Card Preparation

+

Plug your SD card into your computer and navigate to SD:/wiiu/environments

+

Make a copy of your aroma environment folder and rename it to SPFN - this will be the environment you use for connecting to our servers.

+

For users who previously used Pretendo's Inkay plugin, delete the files plugins/inkay-pretendo.wps and modules/inkay-pretendo.wms from the SPFN environment.

+

Download the plugins and modules found here (LINK NOT AVAILABLE) - make sure you enable file name extensions in your file browser and take note of the extension.

+
    +
  • plugin.wps goes into plugins
    • +
  • module.wms goes into modules
    • +
+

With these files installed, you can eject your SD card and put it into your Wii U.

+ +

Step 2 - Setup on Console

+

Power on the console and hold X on the gamepad to open the Environment Loader.

+

Navigate using the D-Pad to SPFN and press A to select. Your console will now be connected to our servers.

+

+ In the top left of your screen, you should see a message saying "Connected to Servers". + If you see "Using Pretendo Network", DO NOT PROGRESS. + Turn off the console and delete the Pretendo plugins as mentioned in step 1. + If you do not see the "Connected to Servers" message, you likely didn't install the plugin correctly. + Check the locations of the plugin.wps and module.wms files. +

+

+ SPFN's servers are separate from both Nintendo and Pretendo, so you will need to create a new account to access our services. + Now that your console is connected to our servers, you should be brought to the accounts page Press + on your gamepad to create a new account. + Follow the process of creating the account. Select no when prompted if you have an NNID. Select a Mii for your account. When asked to create an account, press Link. +

+

Before continuing, confirm that the guide references Splatfestival Network. If it does not, your plugins aren't set up correctly. Return to step 1 and ensure they are correctly placed.

+

If it does reference Splatfestival Network, read through the agreement and press Agree and enter your account information.

+

DO NOT REUSE PASSWORDS ACROSS MULTIPLE ACCOUNTS INSIDE OR OUTSIDE OF OUR NETWORK

+

+ Once you have created your account, you will be sent a verification code to your registered email address. + To enter it, log into your account on your Wii U and it will prompt you for the code. + If you are already logged in, press on your Mii in the top left of your gamepad and select Switch User. Then, select your SPFN account to log back in. +

+

Open Splatoon and check that you get the news.

+

You are now ready to play on the Splatfestival Network! Join the Discord for information about upcoming or active Splatfests and other updates.

+
@@ -49,6 +133,6 @@
\ No newline at end of file