FAQ stuff, team start

This commit is contained in:
Jip Fr 2020-05-06 22:27:34 +02:00
parent 912b0c70ad
commit c1dc6ed92d
3 changed files with 147 additions and 2 deletions

View File

@ -202,4 +202,60 @@ section.faq {
.question-and-answer .text {
margin: 5px;
line-height: 1.85;
}
section.team {
margin-top: 220px;
}
.team .team-top {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.team .team-top .text {
width: 24%;
margin: 0;
margin-top: 6px;
}
.team .team-top .title {
width: 100%;
}
.team-cards {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
margin-top: 80px;
justify-items: center;
}
.card {
width: calc(100% - 54px);
padding: 18px 27px;
display: grid;
grid-template-columns: 110px 1fr;
grid-gap: 20px;
background: #16192D;
grid-column: span 2;
border-radius: 10px;
align-items: center;
}
.card .pfp {
width: 100%;
border-radius: 10px;
background: white;
}
.card .text, .card .title {
margin: 0;
}
.card .text {
color: var(--text-secondary);
}
footer {
text-align: center;
color: var(--text-secondary);
padding: 20px 0;
margin-top: 100px;
}

View File

@ -1,11 +1,12 @@
{{!-- this is temp --}}
<img src="tmp/home.png" style="position: absolute; top: 0;left: 0; opacity: 0.5; z-index: -1; pointer-events: none;">
{{!-- <img src="tmp/home.png" style="position: absolute; top: 0;left: 0; opacity: 0.5; z-index: -1; pointer-events: none;"> --}}
{{!-- This is not --}}
<div class="wrapper">
<header>
<img src="logo-with-text.svg">
<nav>
@ -14,6 +15,7 @@
<a>{{ locale.nav.credits }}</a>
</nav>
</header>
<section class="hero">
<div class="hero-meta">
<h3 class="subtitle">{{ locale.hero.subtitle }}</h3>
@ -46,6 +48,7 @@
<div class="purple-circle"></div>
</div>
</section>
<section class="progress column-2">
<div class="left sect">
<div class="left-meta">
@ -56,12 +59,13 @@
</div>
</div>
<div class="right sect">
<h2 class="dot title">{{ locale.section2.right.title }}</h2>
<h2 class="title">{{ locale.section2.right.title }}</h2>
{{#each locale.section2.right.paragraphs}}
<p class="text">{{ this }}</p>
{{/each}}
</div>
</section>
<section class="faq">
<div class="sect-top sect column-2">
<div class="left-meta">
@ -79,6 +83,31 @@
</details>
{{/each}}
</div>
{{!-- Tmp! --}}
<script>document.querySelector("details").setAttribute("open", true)</script>
</section>
<section class="team">
<div class="sect-top sect team-top">
<h2 class="dot title">{{ locale.credits.title }}</h2>
<p class="text">{{ locale.credits.text }}</p>
</div>
<div class="team-cards">
{{#each locale.credits.people}}
<div class="card">
<div class="card-left">
<img src="{{ picture }}" class="pfp">
</div>
<div class="card-core">
<h3 class="title">{{ name }}</h3>
<p class="text">{{ caption }}</p>
</div>
</div>
{{/each}}
</div>
</section>
<footer>Copyright 2020 - Design by mrjvs, development by Jip Fr</footer>
</div>

View File

@ -72,6 +72,66 @@ router.get("/", (req, res) => {
"answer": "No. The only thing you need to run the patcher is a way to access the Homebrew Launcher, whether it's the browser exploit, Haxchi or Coldboot Haxchi"
}
]
},
credits: {
title: "The team",
text: "Our amazing team has spent countless hours helping out on making Pretendo better.",
people: [
{
"name": "Jonathan Barrow (RedDucks)",
"caption": "Project owner and lead developer",
"picture": "https://github.com/redduckss.png",
"github": "https://github.com/RedDuckss"
},
{
"name": "Jemma (CaramelKat)",
"caption": "Miiverse research and development",
"picture": "https://github.com/caramelkat.png",
"github": "https://github.com/CaramelKat"
},
{
"name": "superwhiskers",
"caption": "crunch library development",
"picture": "https://github.com/superwhiskers.png",
"github": "https://github.com/superwhiskers"
},
{
"name": "SuperMarioDaBom",
"caption": "Console and other system research",
"picture": "https://github.com/supermariodabom.png",
"github": "https://github.com/SuperMarioDaBom"
},
{
"name": "Rambo6Glaz",
"caption": "Network installer and console research",
"picture": "https://github.com/NexoDevelopment.png",
"github": "https://github.com/NexoDevelopment"
},
// {
// "name": "mrjvs",
// "caption": "Web development and early eShop research",
// "picture": "https://github.com/mrjvs.png",
// "github": "https://github.com/mrjvs"
// },
{
"name": "Benjamin Moss (kxpler442b)",
"caption": "Web development",
"picture": "https://github.com/kxpler442b.png",
"github": "https://github.com/kxpler442b"
},
{
"name": "Jip Fr",
"caption": "Web development",
"picture": "https://github.com/jipfr.png",
"github": "https://github.com/jipfr"
},
{
"name": "Kinnay",
"caption": "None of this would be possible without the research and help done by Kinnay on PRUDP and nex",
"picture": "https://cdn.discordapp.com/avatars/186572995848830987/b55c0d4e7bfd792edf0689f83a25d8ea.png?size=2048",
"github": "https://github.com/Kinnay"
}
]
}
}