reorganize & add site policy (sourced from: https://web.archive.org/web/20170209072139/splatoon.nintendo.net/site_policy)
This commit is contained in:
parent
0aa90254eb
commit
fcfc816fc3
6 changed files with 211 additions and 2 deletions
|
|
@ -7,7 +7,7 @@
|
|||
<meta charset="UTF-8" />
|
||||
<title>SplatNet - Splatoon's multiplayer service hub</title>
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="../../styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="header-container"></div>
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
</div>
|
||||
|
||||
<script>
|
||||
fetch("/header.html")
|
||||
fetch("../../../header.html")
|
||||
.then(res => res.text())
|
||||
.then(html => {
|
||||
document.getElementById("header-container").innerHTML = html;
|
||||
BIN
assets/special_SplatNetLogo.png
Normal file
BIN
assets/special_SplatNetLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
91
site_policy/index.html
Normal file
91
site_policy/index.html
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"/>
|
||||
<meta name="format-detection" content="telephone=no"/>
|
||||
<title>SplatNet - Splatoon's multiplayer service hub</title>
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" href="policy.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="squid-container">
|
||||
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<div id="header-container"></div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="content">
|
||||
<div class="policy-container">
|
||||
|
||||
<section class="policy-section">
|
||||
<h2>About SplatNet</h2>
|
||||
<p>Thank you very much for using SplatNet (hereinafter referred to as “this site”).</p>
|
||||
<p>This site is managed and operated by Nintendo Co., Ltd. (hereinafter referred to as “the Company”).</p>
|
||||
</section>
|
||||
|
||||
<section class="policy-section">
|
||||
<h2>Before Using this Site</h2>
|
||||
<p>Please read the following terms of agreement in advance and use this site only if you agree to them.
|
||||
These terms may change without prior notice. Always check the most recent version.</p>
|
||||
|
||||
<h3>Terms of Agreement</h3>
|
||||
|
||||
<h4>1. Copyright</h4>
|
||||
<p>All content on this site, including text, photographs, videos, music, and designs, is protected
|
||||
by copyright and belongs to the Company or rights holders authorized by the Company.</p>
|
||||
<p>Except where permitted by law, copying, distributing, displaying, transmitting, deleting,
|
||||
modifying, or adapting this content is strictly prohibited.</p>
|
||||
|
||||
<h4>2. Disclaimer</h4>
|
||||
<p>The Company operates this site with utmost care, but does not guarantee the accuracy or completeness of information or functionality.</p>
|
||||
<p>The Company is not responsible for any damages caused by using or being unable to use the site, including software or hardware issues.</p>
|
||||
</section>
|
||||
|
||||
<section class="policy-section">
|
||||
<h2>Links</h2>
|
||||
<p>Linking to this site is generally permitted. However, direct linking to images is prohibited.
|
||||
Please ensure that links clearly indicate they lead to this site, and avoid any impression of a special partnership with the Company.</p>
|
||||
<p>The Company does not provide banner images; please link using text only.</p>
|
||||
<p>The Company is not responsible for damages resulting from using external sites that link to or from this site.</p>
|
||||
</section>
|
||||
|
||||
<section class="policy-section">
|
||||
<h2>Handling of Personal Information</h2>
|
||||
<p>Personal information obtained through this site is handled appropriately in accordance with applicable laws and regulations. Please refer to Nintendo Network’s <a class="text-link" href="http://www.nintendo.co.jp/support/nintendo_network/eula/index.html">Privacy Policy</a>.</p>
|
||||
</section>
|
||||
|
||||
<section class="policy-section">
|
||||
<h2>Use of Cookies</h2>
|
||||
<p>(1) This site uses cookies to improve convenience, enhance content, and analyze usage statistics. Cookies are small data files sent to your computer to recognize repeat visits. No personally identifiable information is collected without your consent.</p>
|
||||
<p>(2) Cookies are used for analytics and service improvement purposes.</p>
|
||||
|
||||
<h3>Technologies Used</h3>
|
||||
<ul>
|
||||
<li>Google Analytics
|
||||
<ul>
|
||||
<li>Provider: Google</li>
|
||||
<li>Collection & use: According to <a class="text-link" href="http://www.google.com/analytics/terms/jp.html">Google Analytics Terms</a> and <a class="text-link" href="http://www.google.co.jp/policies/privacy/">Google Privacy Policy</a></li>
|
||||
<li>To disable: <a href="https://tools.google.com/dlpage/gaoptout">Google Analytics Opt-out Add-on</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>Purpose of Use</h3>
|
||||
<ul>
|
||||
<li>To improve services provided on this site</li>
|
||||
<li>To analyze site traffic and number of users</li>
|
||||
</ul>
|
||||
|
||||
<p>(3) Users can configure their browser to notify them of cookies or refuse them, but some content may be unavailable. Please consult your browser help for instructions.</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="policy.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
108
site_policy/policy.css
Normal file
108
site_policy/policy.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
10
site_policy/policy.js
Normal file
10
site_policy/policy.js
Normal file
|
|
@ -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');
|
||||
})();
|
||||
Loading…
Reference in a new issue