commit c1c292c4370802c35935cb8ce6231fb65993937c Author: BloxerHD Date: Fri Jun 6 00:16:40 2025 +0100 Initial Commit diff --git a/README.md b/README.md new file mode 100644 index 0000000..e1e5cb9 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# SPFN Website + +This is the website for spfn.net, an online restoration project for the Wii U that aims to restore splatfests to the game Splatoon \ No newline at end of file diff --git a/account/accounts.js b/account/accounts.js new file mode 100644 index 0000000..3ef82fe --- /dev/null +++ b/account/accounts.js @@ -0,0 +1,32 @@ +const requestAddr = "https://account.spfn.net/api/v2/oauth2/generate_token" + +document.getElementById("login").addEventListener("submit", function(event) { + event.preventDefault(); + + const username = document.getElementById("username").value; + const password = document.getElementById("password").value; + + const credentials = btoa(`${username} ${password}`); + + fetch(requestAddr, { + method: "GET", + headers: { + "Authorization": credentials, + } + }) + .then(response => { + if (!response.ok) throw new Error("Network Response was not okay"); + return response.json(); + }) + .then(data => { // Success - Hide Form and Show Info on Screen + document.getElementById("username").value = `SFID: ${data["username"]}` + + document.getElementById("email").value = data["email"]; + document.getElementById("dob").value = data["birthdate"]; + document.getElementById("tz").value = data["timezone"]; + document.getElementById("region").value = data["region"]; + + document.getElementById("login").style.display = "none"; + document.getElementById("user-info").style.display = "flex"; + }) +}) \ No newline at end of file diff --git a/account/index.html b/account/index.html new file mode 100644 index 0000000..130c784 --- /dev/null +++ b/account/index.html @@ -0,0 +1,57 @@ + + + Account | SPFN + + + +
+
+ +

SPFN

+
+ +
+ +
+

Accounts

+ +
+

Please log in before viewing account information

+
+ + +
+
+ + +
+ +

Please ask an SPFN Developer in the discord server for assistance with password resets

+
+ + + + +
+ + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..b2369fd --- /dev/null +++ b/css/style.css @@ -0,0 +1,80 @@ +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem; + background-color: #b32d28; + color: white; + border-radius: 15px; +} + +h1 { + border-radius: 2px; + color: white; + font-size: 64px; + -webkit-text-stroke: 1px black; + margin: 0; +} + +.header-button { + padding: 0.5rem; + font-size: 1rem; + background-color: #9c100c; + color: rgb(255, 255, 255); + border-color: #b4b4b4; + border-radius: 2px; + cursor: pointer; + border-style: groove; + border-radius: 10px; + height: 64px; + margin: 0px; + font-size: 32px; +} + +.center { + text-align: center; +} + +form { + max-width: 300px; + margin: 0 auto; + display: flex; + flex-direction: column; + gap:1rem; + border: 2px; + border-color: black; +} + +.form-group { + display: flex; + flex-direction: column; + font-weight: bold; +} + +.info { + width: 70%; + margin: 0 auto; + background-color: black; + padding: 4px; + display: flex; +} + +.info-container { + background-color: #dfdfdf; + text-align: center; + margin: 2px 2px; +} + +.info-text { + text-align: left; + margin: 4px; +} + +.guide-buttons { + display: flex; +} + +.guide { + flex: 1; + font-size: 18px; +} \ No newline at end of file diff --git a/guides/guides.js b/guides/guides.js new file mode 100644 index 0000000..ec1a3fb --- /dev/null +++ b/guides/guides.js @@ -0,0 +1,11 @@ +const guideContents = document.querySelectorAll(".guide-content"); + +function changeGuide(newID) { + guideContents.forEach(content => { + if (content.id == newID) { + content.style.display = "block"; + } else { + content.style.display = "none"; + } + }) +} \ No newline at end of file diff --git a/guides/index.html b/guides/index.html new file mode 100644 index 0000000..99ce24e --- /dev/null +++ b/guides/index.html @@ -0,0 +1,53 @@ + + + Guides | SPFN + + + +
+
+ +

SPFN

+
+ +
+ +
+

Guides

+
+ + + +
+ +
+

Installation - Wii U

+

Install Plugins

+

Create Account

+
+ + + + +
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..6da5f84 --- /dev/null +++ b/index.html @@ -0,0 +1,25 @@ + + + Home | SPFN + + + +
+
+

SPFN

+
+ +
+
+

Splatfestival Network - Restoring Splatfests to Splatoon on the Wii U

+
+ + \ No newline at end of file