From fcfc816fc346e40cf6f70c31ba8caaa24363e1bc Mon Sep 17 00:00:00 2001 From: KittenTM Date: Sun, 25 Jan 2026 21:04:00 +0100 Subject: [PATCH] reorganize & add site policy (sourced from: https://web.archive.org/web/20170209072139/splatoon.nintendo.net/site_policy) --- index.html => app/stages/index.html | 4 +- stages.js => app/stages/stages.js | 0 assets/special_SplatNetLogo.png | Bin 0 -> 25627 bytes site_policy/index.html | 91 +++++++++++++++++++++++ site_policy/policy.css | 108 ++++++++++++++++++++++++++++ site_policy/policy.js | 10 +++ 6 files changed, 211 insertions(+), 2 deletions(-) rename index.html => app/stages/index.html (93%) rename stages.js => app/stages/stages.js (100%) create mode 100644 assets/special_SplatNetLogo.png create mode 100644 site_policy/index.html create mode 100644 site_policy/policy.css create mode 100644 site_policy/policy.js diff --git a/index.html b/app/stages/index.html similarity index 93% rename from index.html rename to app/stages/index.html index 86d2373..6a6ed2e 100644 --- a/index.html +++ b/app/stages/index.html @@ -7,7 +7,7 @@ SplatNet - Splatoon's multiplayer service hub - +
@@ -26,7 +26,7 @@ + + diff --git a/site_policy/policy.css b/site_policy/policy.css new file mode 100644 index 0000000..226a8f3 --- /dev/null +++ b/site_policy/policy.css @@ -0,0 +1,108 @@ +@font-face { + font-family: "Regular"; + src: url("../regular.otf") format("opentype"); + font-weight: normal; + font-style: normal; +} + +html, body { + margin: 0; + padding: 0; +} + +body { + background-image: url("../assets/friendlist.png"); + background-repeat: repeat; + background-size: 800px 800px; + font-family: "Regular", sans-serif; + color: white; +} + +.content { + display: flex; + flex-direction: column; + align-items: center; + padding: 24px 20px; +} + +.policy-container { + width: 100%; + max-width: 700px; + display: flex; + flex-direction: column; + gap: 32px; +} + +.policy-section { + line-height: 1.5; +} + +.policy-section h2 { + font-size: 36px; + margin: 0 0 12px; +} + +.policy-section h3 { + font-size: 28px; + margin: 20px 0 8px; +} + +.policy-section h4 { + font-size: 24px; + margin: 16px 0 6px; +} + +.policy-section p, +.policy-section li { + font-size: 20px; + margin: 6px 0; +} + +.policy-section ul { + padding-left: 20px; + margin: 8px 0; +} + +#squid-container { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow: visible; + pointer-events: none; + z-index: 0; +} + +#squid-canvas { + position: absolute; + left: 50%; + top: 0; + transform: translateX(-50%); + width: 1920px; + height: 1080px; + pointer-events: none; + z-index: 0; +} + +#header-container .logo, +#header-container .icon-header-logo { + display: block; + margin: 0 auto; + max-height: 120px; +} + +.text-link { + color: inherit; + text-decoration: none; +} + +.text-link:hover, +.text-link:focus, +.text-link:active { + text-decoration: underline; +} + +.text-link::selection { + text-decoration: underline; +} \ No newline at end of file diff --git a/site_policy/policy.js b/site_policy/policy.js new file mode 100644 index 0000000..96123ca --- /dev/null +++ b/site_policy/policy.js @@ -0,0 +1,10 @@ +fetch("../header.html") + .then(res => res.text()) + .then(html => { + document.getElementById("header-container").innerHTML = html; + }) + .catch(err => console.error("Failed to load header:", err)); + +(function(){ + ika_swim('div#ika_swim'); +})(); \ No newline at end of file