spacebar/spfn-website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Modified Guides Page to use MD Files

Browse source
This commit is contained in:
BloxerHD 2025-07-04 22:56:23 +01:00
commit 1374cd226b
10 changed files with 180 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

3
account/index.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head> <head>
<title>Account | SPFN</title> <title>Account | SPFN</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<script type="text/javascript" src="/js/lang.js"></script>
</head> </head>
<body> <body>
<header> <header>
@ -70,3 +70,4 @@
<p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p> <p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p>
</footer> </footer>
</body> </body>
</html>

5
css/style.css
View file

@ -148,6 +148,9 @@ form {
background-color: #6d0606; background-color: #6d0606;
color: white; color: white;
margin: 4px 0; margin: 4px 0;
text-align: center;
line-height: 48px;
text-decoration: none;
} }
.guide-content { .guide-content {
@ -167,7 +170,7 @@ form {
padding: 8px padding: 8px
} }
.filepath { code {
background-color: #610707; background-color: #610707;
color: white; color: white;
border-radius: 5px; border-radius: 5px;

105
guides/index.html
View file

@ -1,11 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head> <head>
<title>Guides | SPFN</title> <title>Guides | SPFN</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<script type="text/javascript" src="/js/lang.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
</head> </head>
<body> <body>
<header> <header>
@ -25,99 +29,17 @@
<main> <main>
<div class="guide-container"> <div class="guide-container">
<div class="guide-buttons"> <div class="guide-buttons">
<button class="guide active" onclick="changeGuide('g-install')" id="bg-install">Installation - Wii U</button> <a class="guide" id="install-wiiu" href="/guides?guide=install-wiiu">Installation - Wii U</a>
<button class="guide" onclick="changeGuide('g-install-cemu')" id="bg-install-cemu">Installation - Cemu</button> <a class="guide" id="install-cemu" href="/guides?guide=install-cemu">Installation - Cemu</a>
<button class="guide" onclick="changeGuide('g-troubleshoot')" id="bg-troubleshoot">Troubleshooting - Wii U</button> <a class="guide" id="common-errors" href="/guides?guide=common-errors">Common Error Codes</a>
<a class="guide" id="troubleshoot-wiiu" href="/guides?guide=troubleshoot-wiiu">Troubleshooting - Wii U</a>
<a class="guide" id="troubleshoot-cemu" href="/guides?guide=troubleshoot-cemu">Troubleshooting - Cemu</a>
</div> </div>
<div class="guide-content" id="g-install"> <div class="guide-content" id="guide-contents">
<h2>Installation - Wii U</h2> <h3>Loading...</h3>
<p>Requirements:</p>
<ul>
<li>Wii U with Aroma</li>
<li>SD Card (Preferrably 32GB)</li>
<li>Computer or other device to access SD Card</li>
<li>An internet connection</li>
</ul>
<p>
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.
</p>
<p>If you are currently using Pretendo's DNS servers to connect to Pretendo, disable the DNS server before continuing.</p>
<h3>Step 1 - SD Card Preparation</h3>
<p>Plug your SD card into your computer and navigate to <strong class="filepath">SD:/wiiu/environments</strong></p>
<p>Make a copy of your <strong class="filepath">aroma</strong> environment folder and rename it to <strong class="filepath">SPFN</strong> - this will be the environment you use for connecting to our servers.</p>
<p>For users who previously used Pretendo's Inkay plugin, delete the files <strong class="filepath">plugins/inkay-pretendo.wps</strong> and <strong class="filepath">modules/inkay-pretendo.wms</strong> from the SPFN environment.</p>
<p>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.</p>
<ul>
<li><strong class="filepath">plugin.wps</strong> goes into <strong class="filepath">plugins</strong></li>
<li><strong class="filepath">module.wms</strong> goes into <strong class="filepath">modules</strong></li>
</ul>
<p>With these files installed, you can eject your SD card and put it into your Wii U.</p>
<h3>Step 2 - Setup on Console</h3>
<p>Power on the console and hold X on the gamepad to open the Environment Loader.</p>
<p>Navigate using the D-Pad to <strong class="filepath">SPFN</strong> and press A to select. Your console will now be connected to our servers.</p>
<p>
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 <strong class="filepath">plugin.wps</strong> and <strong class="filepath">module.wms</strong> files.
</p>
<p>
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 <strong class="filepath">+</strong> 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 <strong class="filepath">Link</strong>.
</p>
<p>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.</p>
<p>If it does reference Splatfestival Network, read through the agreement and press <strong class="filepath">Agree</strong> and enter your account information.</p>
<p>DO NOT REUSE PASSWORDS ACROSS MULTIPLE ACCOUNTS INSIDE OR OUTSIDE OF OUR NETWORK</p>
<p>
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.
</p>
<p>Open Splatoon and check that you get the news.</p>
<p>You are now ready to play on the Splatfestival Network! <a href="https://discord.gg/grMSxZf">Join the Discord</a> for information about upcoming or active Splatfests and other updates.</p>
</div>
<div class="guide-content" id="g-install-cemu" style="display: none;">
<h2>Installation - Cemu</h2>
<p>Requirements:</p>
<ul>
<li>Wii U with SPFN Set Up</li>
<li>SD Card (Preferrably 32GB)</li>
<li>Computer or other device to access SD Card</li>
<li>Device that can run Cemu</li>
<li>An internet connection</li>
</ul>
<h3>Step 1: Dump Necessary Files</h3>
<p>
This guide requires that you have alredy set up SPFN on your Wii U and created an account.
Account creation is currently unavailable on this website.
If you have not done this yet, <a href="#" onclick="changeGuide('g-install')">follow this guide first.</a>
</p>
<p>
You will also need to dump your SPFN account and <strong class="filepath">otp.bin</strong> and <strong class="filepath">seeprom.bin</strong> files from your Wii U.
Follow Cemu's <a href="https://cemu.cfw.guide/using-dumpling.html#online-files" target="_blank">guide to dump online files</a> to dump your SPFN account.
Take this time to also dump your Splatoon game and the latest update if you haven't already done so.
</p>
<p>Transfer the dumped files to your computer.</p>
<h3>Step 2: Cemu Configuration</h3>
<p>Make sure you are using the latest version of Cemu. This can be found <a href="https://github.com/cemu-project/Cemu/releases" target="_blank">here</a></p>
<p>Open Cemu and go to File -> Open Cemu Folder. Place the dumped <strong class="filepath">mlc01</strong> folder into the Cemu folder.</p>
<p>Download the following file: network_services.xml (LINK NOT AVAILABLE) and place it into the root of the Cemu folder</p>
<p>
Open Cemu and go to Options -> General Settings.
In the Account tab, make sure your SPFN account is selected.
If not, select it from the dropdown.
You should see the option to switch to Custom network services. Select this.
If you can't select it, you haven't added the network_services.xml file correctly.
</p>
<p>Open Splatoon and check that you get the news.</p>
<p>You are now ready to play on the Splatfestival Network! <a href="https://discord.gg/grMSxZf">Join the Discord</a> for information about upcoming or active Splatfests and other updates.</p>
</div> </div>
<div class="guide-content" id="g-troubleshoot" style="display: none;"> <div class="guide-content" id="g-troubleshoot" style="display: none;">
<h2>Troubleshooting - Wii U</h2> <h2>Troubleshooting - Wii U</h2>
<h3>I'm getting error code 118-XXXX when joining Splatoon matches</h3> <h3>I'm getting error code 118-XXXX when joining Splatoon matches</h3>
@ -140,3 +62,4 @@
<p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p> <p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p>
</footer> </footer>
</body> </body>
</html>

3
index.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<head> <head>
<title>Home | SPFN</title> <title>Home | SPFN</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<script type="text/javascript" src="/js/lang.js"></script>
</head> </head>
<body> <body>
<header> <header>
@ -109,3 +109,4 @@
<p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p> <p class="center">Need assistance? <a href="https://discord.gg/grMSxZf" target="_blank">Join the Discord</a></p>
</footer> </footer>
</body> </body>
</html>

39
js/guides.js
View file

@ -1,23 +1,26 @@
const guideContents = document.querySelectorAll(".guide-content"); const guideContents = document.querySelectorAll(".guide-content");
const guideButtons = document.querySelectorAll(".guide"); const guideButtons = document.querySelectorAll(".guide");
function changeGuide(newID) { const params = new URLSearchParams(window.location.search);
guideContents.forEach(content => { const guideParam = params.get("guide");
if (content.id == newID) {
content.style.display = "block";
} else {
content.style.display = "none";
}
})
guideButtons.forEach(button => { let guide = "install-wiiu";
let gid = button.id.slice(1); let guidePath = '/md/install-wiiu.md';
if (gid == newID) { if (guideParam) {
button.classList.add("active"); guide = guideParam;
} else { guidePath = `/md/${guide}.md`;
if (button.classList.contains("active")) {
button.classList.remove("active");
}
}
})
} }
fetch(guidePath)
.then(res => {
if (!res.ok) throw new Error(`Guide "${guide} was not found`);
const guideButton = document.getElementById(guide);
if (guideButton) guideButton.classList.add("active");
return res.text();
})
.then(text => {
const html = marked.parse(text);
document.getElementById("guide-contents").innerHTML = html;
})

19
md/common-errors.md Normal file
View file

@ -0,0 +1,19 @@
## Common Error Codes
---
### 118-XXXX when Playing Matches or Matchmaking
These errors refer to the Peer to Peer connection. Either your connection or the connection of the host console is unstable, resulting in these errors. Ensure that your NAT type is either A or B (preferrably A) and try again
### 686-XXXX when Opening SPFN Environment
SPFN requires you to be on the latest version of Aroma. Open the Aroma Updater while in the SPFN environment and update it.
### 102-28XX (Banned Error)
Either you or someone on your Wii U was banned from SPFN. Appeals are currently unavailable. Do not request an appeal from SPFN or Splatfestival staff. When appeals are available, submit your SFID and why you think it was a false ban and wait for a response.
### My error isn't listed here
[Join the Discord](https://discord.gg/grMSxZf) and ask in the assistance channel

39
md/install-cemu.md Normal file
View file

@ -0,0 +1,39 @@
## Installation - Cemu
---
Requirements:
- Wii U with SPFN set up
- SD Card (Preferrably 32GB)
- Computer or other device to access SD Card
- Device that can run Cemu
- An internet connection
---
### Step 1: Dump Necessary Files
This guide requires that you have already set up SPFN on your Wii U and created an account. Account creation is currently unavailable on this website. If you have not done this yet, [follow this guide](/guides?guide=install-wiiu)
You will also need to dump your SPFN account and `otp.bin` and `seeprom.bin`files from your Wii U. Follow Cemu's [guide to dump online files](https://cemu.cfw.guide/using-dumpling.html#online-files) and dump your SPFN account. Take this time to also dump your Splatoon game if you haven't already done so.
Transfer the dumped files to your computer.
---
### Step 2: Cemu Configuration
Make sure you are using the latest version of Cemu. This can be found [here](https://github.com/cemu-project/Cemu/releases).
Open Cemu and go to `File -> Open Cemu Folder`. Place the dumped `mlc01` folder, the `otp.bin` file and the `seeprom.bin` file into the Cemu folder.
Download the following file: network_services.xml (LINK NOT AVAILABLE) and place it into the Cemu folder
Open Cemu and go to `Options -> General Settings`. In the `Account` tab, make sure your SPFN account is selected. If not, select it from the dropdown.
You should see the option to switch to Cusom network services. Select this. If you can't select it, you haven't added the `network_services.xml` file correctly.
Open Splatoon and check that you get the news.
You are now ready to play on the Splatfestival Network! [Join the Discord](https://discord.gg/grMSxZf) for information about upcoming or active Splatfests and other updates.

58
md/install-wiiu.md Normal file
View file

@ -0,0 +1,58 @@
## 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 load into the environment and connect 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 agreement 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`, then 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](https://discord.gg/grMSxZf) for information about upcoming or active Splatfests and other updates.

11
md/troubleshoot-cemu.md Normal file
View file

@ -0,0 +1,11 @@
## Troubleshooting - Cemu
---
### The game freezes on the squid loading screen when first opening
Restart Cemu and go to `Debug -> Open Logging Window`. Keep this window open and launch the game. Wait for at least 30 seconds. Screenshot the logging window and send it to the assistance channel of the [Discord](https://discord.gg/grMSxZf).
### My issue isn't listed here
[Join the Discord](https://discord.gg/grMSxZf) and ask in the assistance channel

7
md/troubleshoot-wiiu.md Normal file
View file

@ -0,0 +1,7 @@
## Troubleshooting - Wii U
---
### My issue isn't listed here
[Join the Discord](https://discord.gg/grMSxZf) and ask in the assistance channel