update index.html
This commit is contained in:
parent
7c5eca866d
commit
fa3e712ce3
3 changed files with 114 additions and 26 deletions
|
|
@ -46,4 +46,56 @@
|
||||||
-webkit-background-size: 100%;
|
-webkit-background-size: 100%;
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.nnid-login-btn {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
height: 40px;
|
||||||
|
width: fit-content;
|
||||||
|
|
||||||
|
padding: 0 25px 0 14px;
|
||||||
|
margin: 16px auto 20px auto;
|
||||||
|
|
||||||
|
background-color: #e97200;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 40px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nnid-login-btn:hover {
|
||||||
|
background-color: #de6b00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nnid-icon {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
background-image: url("nnlogo.svg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: contain;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nnid-icon::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
right: -6px;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
|
width: 1px;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
background-color: #dd6c00;
|
||||||
}
|
}
|
||||||
19
assets/nnlogo.svg
Normal file
19
assets/nnlogo.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 16.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||||
|
y="0px" width="18px" height="20px" viewBox="0 0 18 20" enable-background="new 0 0 18 20" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<path fill="#FFFFFF" d="M0,7.613c0-0.399,0.337-0.722,0.754-0.722H2.67c0.171,0,0.298-0.078,0.456-0.186
|
||||||
|
c1.22-0.835,2.712-1.324,4.327-1.324c4.115,0,7.453,3.194,7.453,7.134v6.549c0,0.4-0.339,0.725-0.757,0.725h-2.428
|
||||||
|
c-0.419,0-0.759-0.324-0.759-0.725v-6.549c0-1.854-1.569-3.359-3.51-3.359c-1.939,0-3.51,1.505-3.51,3.359v6.549
|
||||||
|
c0,0.4-0.34,0.725-0.759,0.725H0.757C0.34,19.789,0,19.465,0,19.064V7.613z"/>
|
||||||
|
<path fill="#FFFFFF" d="M2.561,2.312c1.493-0.663,3.156-1.033,4.913-1.033c3.96,0,7.453,1.887,9.567,4.767
|
||||||
|
c0.176,0.238,0.508,0.288,0.743,0.114c0.235-0.178,0.286-0.511,0.111-0.749c-2.312-3.148-6.122-5.199-10.422-5.199
|
||||||
|
c-1.907,0-3.717,0.401-5.343,1.124C1.862,1.455,1.741,1.771,1.86,2.04C1.979,2.312,2.292,2.432,2.561,2.312"/>
|
||||||
|
<path fill="#FFFFFF" d="M15.45,7.653c-0.162,0-0.323-0.075-0.427-0.216c-1.734-2.346-4.563-3.748-7.57-3.748
|
||||||
|
c-1.344,0-2.64,0.269-3.851,0.799c-0.269,0.117-0.58-0.005-0.698-0.272c-0.116-0.269,0.006-0.58,0.274-0.697
|
||||||
|
C4.524,2.93,5.962,2.632,7.453,2.632c3.341,0,6.489,1.562,8.422,4.178c0.174,0.235,0.123,0.565-0.111,0.74
|
||||||
|
C15.668,7.62,15.558,7.653,15.45,7.653"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
69
index.html
69
index.html
|
|
@ -27,32 +27,49 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="ika-wrapper welcome">
|
<div class="ika-wrapper welcome">
|
||||||
<div class="geso-public">
|
<div class="geso-public">
|
||||||
<header>
|
<header>
|
||||||
<div class="icon-header-logo"></div>
|
<div class="icon-header-logo"></div>
|
||||||
</header>
|
</header>
|
||||||
<div class="tour">
|
<div class="tour">
|
||||||
<div class="thankyou">
|
<div class="thankyou"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="do-public">
|
<div class="do-public">
|
||||||
<div class="contents">
|
<div class="contents">
|
||||||
<div class="login">
|
<div class="login">
|
||||||
<span class="nnid-description">
|
<a class="nnid-login-btn" href="/users/auth/pretendo">
|
||||||
<p>
|
<span class="nnid-icon"></span>
|
||||||
The SplatNet website, created to encourage online play between friends, has closed down as of September 30th 2017. We are very grateful to the many people who have used this website since it launched in August 2015.
|
Log In
|
||||||
</p>
|
</a>
|
||||||
<p>
|
|
||||||
We hope you will continue to enjoy playing Splatoon's online multiplayer modes on the Wii U.
|
<span class="nnid-description">
|
||||||
</p>
|
<p>
|
||||||
</span>
|
To use SplatNet, you need to log in with your Pretendo Network ID.
|
||||||
</div>
|
</p>
|
||||||
</div>
|
<p>
|
||||||
</div>
|
*Please note that while smartphone apps that utilize the information from this site have been confirmed, none of them are affiliated with Nintendo in any way.
|
||||||
<footer class="enpera">
|
</p>
|
||||||
<div class="site-policy"><a href="http://www.esrb.org/ratings/ratings_guide.jsp"><span class="esrb-bg"></span></a><a href="http://www.esrb.org/confirm/nintendo-confirmation.jsp"><span class="privacy-certified-bg"></span></a>
|
<p>
|
||||||
</div><small>©Nintendo</small></footer>
|
**IMPORTANT NOTE: This is a recreation of SplatNet! While the goal of this project is to be faithful, Nintendo Network pages will be treated as Pretendo instead.
|
||||||
|
</p>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<p class="site-policy-text" style="text-align: center;">
|
||||||
|
<a href="/site_policy">Site Policy</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="enpera">
|
||||||
|
<div class="site-policy">
|
||||||
|
<a href="http://www.esrb.org/ratings/ratings_guide.jsp"><span class="esrb-bg"></span></a>
|
||||||
|
<a href="http://www.esrb.org/confirm/nintendo-confirmation.jsp"><span class="privacy-certified-bg"></span></a>
|
||||||
|
</div>
|
||||||
|
<small>©Nintendo</small>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in a new issue