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