mirror of
https://github.com/PretendoNetwork/website.git
synced 2026-04-19 15:37:19 -05:00
FAQ updated, working links, text changes
This commit is contained in:
Jip Fr
parent
9cb7635ad5
commit
a98e2316ae
|
|
@ -7,7 +7,7 @@
|
|||
"hero": {
|
||||
"subtitle": "Game servers",
|
||||
"title": "Recreated",
|
||||
"text": "Pretendo is a free and open source replacement for Nintendo's servers for both the 3DS and Wii U, allowing online connectivity for all long after the original servers are discontinued.",
|
||||
"text": "Pretendo is a free and open source replacement for Nintendo's servers for both the 3DS and Wii U, allowing online connectivity for all, even after the original servers are discontinued",
|
||||
"buttons": {
|
||||
"readMore": "Read more"
|
||||
}
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
},
|
||||
{
|
||||
"question": "If I am account/console banned on Nintendo Network, will I stay banned when using Pretendo?",
|
||||
"answer": "Any account/console bans only exist server-side. This means any existing bans would not carry over to Pretendo. However, much like Nintendo Network, Pretendo will ban users/consoles for violations of our Terms of Agreement."
|
||||
"answer": "Any account/console bans only exist server-side. This means any existing bans would not carry over to Pretendo. However, much like Nintendo Network, Pretendo will ban users/consoles for violations of our rules."
|
||||
},
|
||||
{
|
||||
"question": "Will Pretendo support the Wii/Switch?",
|
||||
|
|
|
|||
|
|
@ -23,8 +23,14 @@ body {
|
|||
}
|
||||
|
||||
h1.dot:after, h2.dot:after {
|
||||
content: ".";
|
||||
color: #9D6FF3;
|
||||
/* content: ".";
|
||||
color: #9D6FF3; */
|
||||
content: "";
|
||||
background-color: #9D6FF3;
|
||||
width: 0.66rem;
|
||||
height: 0.66rem;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
header {
|
||||
|
|
@ -38,6 +44,7 @@ header nav a:first-child {
|
|||
header nav a {
|
||||
color: var(--text-secondary);
|
||||
margin: 0 17px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -95,6 +102,7 @@ header nav a {
|
|||
}
|
||||
.hero-image {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.hero .title, .hero .subtitle {
|
||||
margin: 0;
|
||||
|
|
@ -188,7 +196,6 @@ section.progress .left, section.progress .right {
|
|||
section.progress .right {
|
||||
position: relative;
|
||||
padding-left: 80px;
|
||||
height: 300px;
|
||||
background: #673DB6;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
|
|
@ -219,13 +226,18 @@ section.faq {
|
|||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.question-and-answer summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.question-and-answer summary {
|
||||
font-size: 1.5625rem;
|
||||
color: #B8BDDF;
|
||||
}
|
||||
.question-and-answer[open] summary {
|
||||
color: var(--text);
|
||||
}
|
||||
.question-and-answer summary:hover {
|
||||
color: var(--text);
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
.question-and-answer .text {
|
||||
margin: 5px 0;
|
||||
line-height: 1.85;
|
||||
|
|
@ -265,7 +277,7 @@ section.team {
|
|||
}
|
||||
.card {
|
||||
width: calc(100% - 54px);
|
||||
min-width: 300px;
|
||||
min-width: 100px;
|
||||
max-width: 460px;
|
||||
padding: 18px 27px;
|
||||
display: grid;
|
||||
|
|
|
|||
12
public/main.js
Normal file
12
public/main.js
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
// I stole this code.
|
||||
for(let el of document.querySelectorAll("details")) {
|
||||
el.addEventListener("click", evt => {
|
||||
// Close detail elements if clicking elsewhere
|
||||
let path = evt.path || [];
|
||||
document.querySelectorAll("details[open]").forEach(el => {
|
||||
if (!path.includes(el)) {
|
||||
el.removeAttribute("open");
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
@ -10,9 +10,9 @@
|
|||
<header>
|
||||
<img src="logo-with-text.svg">
|
||||
<nav>
|
||||
<a>{{ locale.nav.about }}</a>
|
||||
<a>{{ locale.nav.faq }}</a>
|
||||
<a>{{ locale.nav.credits }}</a>
|
||||
<a href="#about">{{ locale.nav.about }}</a>
|
||||
<a href="#faq">{{ locale.nav.faq }}</a>
|
||||
<a href="#credits">{{ locale.nav.credits }}</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
|
@ -24,9 +24,11 @@
|
|||
{{ locale.hero.text }}
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<button class="button primary">
|
||||
{{ locale.hero.buttons.readMore }}
|
||||
</button>
|
||||
<a href="#about">
|
||||
<button class="button primary">
|
||||
{{ locale.hero.buttons.readMore }}
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://invite.gg/pretendo" target="_blank">
|
||||
<button class="button secondary discord icon-btn">
|
||||
<svg data-prefix="fab" data-icon="discord" class="svg-inline--fa fa-discord fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z"></path></svg>
|
||||
|
|
@ -81,7 +83,7 @@
|
|||
<section class="progress column-2">
|
||||
<div class="left sect">
|
||||
<div class="left-meta">
|
||||
<h2 class="dot title">{{ locale.aboutUs.title }}</h2>
|
||||
<h2 class="dot title" id="about">{{ locale.aboutUs.title }}</h2>
|
||||
{{#each locale.aboutUs.paragraphs}}
|
||||
<p class="text">{{ this }}</p>
|
||||
{{/each}}
|
||||
|
|
@ -97,7 +99,7 @@
|
|||
|
||||
<section class="faq">
|
||||
<div class="sect-top sect">
|
||||
<h2 class="dot title">{{ locale.faq.title }}</h2>
|
||||
<h2 class="dot title" id="faq">{{ locale.faq.title }}</h2>
|
||||
<p class="text">{{ locale.faq.text }}</p>
|
||||
</div>
|
||||
<div class="questions column-2">
|
||||
|
|
@ -116,7 +118,7 @@
|
|||
|
||||
<section class="team">
|
||||
<div class="sect-top sect team-top">
|
||||
<h2 class="dot title">{{ locale.credits.title }}</h2>
|
||||
<h2 class="dot title" id="credits">{{ locale.credits.title }}</h2>
|
||||
<p class="text">{{ locale.credits.text }}</p>
|
||||
</div>
|
||||
<div class="team-cards">
|
||||
|
|
@ -143,4 +145,6 @@
|
|||
|
||||
<footer>Copyright 2020 - Design by mrjvs, development by Jip Fr</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="main.js"></script>
|
||||
Loading…
Reference in New Issue
Block a user