mirror of
https://github.com/PretendoNetwork/website.git
synced 2026-04-25 08:01:53 -05:00
Responsiveness & small tweaks
This commit is contained in:
Jip Fr
parent
5a7edb8d72
commit
b776d0f919
|
|
@ -43,16 +43,16 @@
|
|||
"answer": "Pretendo is currently not in a state that is ready for public use. However, once it is you will be able to use Pretendo simply by running our homebrew patcher on your console."
|
||||
},
|
||||
{
|
||||
"question": "Is there an ETA for <feature>?",
|
||||
"answer": "We do not have an exact ETA for any specific features or the project as a whole. There are many parts to the network, updates release for them individually whenever they are ready (for example updates to the account server are (almost always) independent on other parts of the network, such as the friends server). Due to that, we cannot give an ETA."
|
||||
"question": "Do you know when <feature/service> will be ready?",
|
||||
"answer": "No. Lots of Pretendo's features/services are developed independently (for example, Miiverse may be worked on one dev while Accounts and Friends by another) and therefore we cannot give an overall ETA for how long this will take."
|
||||
},
|
||||
{
|
||||
"question": "Does Pretendo work on Cemu/emulators?",
|
||||
"answer": "Pretendo is designed for the Wii U and 3DS hardware at heart; at this time the only emulator for these consoles with real online capability is Cemu. Cemu does not officially support custom servers, but it should still be possible to use Pretendo with Cemu<br>See the <a href=\"/cemu\">Cemu</a> page for more details."
|
||||
"answer": "Pretendo is designed for the Wii U and 3DS hardware at heart; at this time the only emulator for these consoles with NN support is Cemu. Cemu does not officially support custom servers, but it should still be possible to use Pretendo with Cemu<br>See the <a href=\"/cemu\">Cemu</a> page for more details."
|
||||
},
|
||||
{
|
||||
"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 rules."
|
||||
"question": "If I am banned on Nintendo Network, will I stay banned when using Pretendo?",
|
||||
"answer": "We will not have access to Nintendo Network's bans, and all users will not be banned on our service. However, we will have rules to follow when using the service and failing to follow these rules could result in a ban."
|
||||
},
|
||||
{
|
||||
"question": "Will Pretendo support the Wii/Switch?",
|
||||
|
|
|
|||
117
public/main.css
117
public/main.css
|
|
@ -15,6 +15,22 @@ body {
|
|||
justify-content: center;
|
||||
font-family: Poppins, Arial;
|
||||
overflow-x: hidden;
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
|
||||
.animateDot {
|
||||
animation: dotAnimation 20s infinite;
|
||||
}
|
||||
@keyframes dotAnimation {
|
||||
0% {
|
||||
cx: 0;
|
||||
}
|
||||
50% {
|
||||
cx: 20px;
|
||||
}
|
||||
100% {
|
||||
cx: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
|
|
@ -90,6 +106,12 @@ header nav a {
|
|||
z-index: 2;
|
||||
}
|
||||
|
||||
/* Title business */
|
||||
.sect .title[id] {
|
||||
padding-top: 100px;
|
||||
margin-top: -100px;
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
/* height: 775px; /* To line it up with the design */
|
||||
|
|
@ -220,7 +242,7 @@ section.faq {
|
|||
|
||||
.questions {
|
||||
margin-top: 30px;
|
||||
grid-gap: 10px;
|
||||
grid-gap: 30px;
|
||||
}
|
||||
.questions > div > * + * {
|
||||
margin-top: 15px;
|
||||
|
|
@ -292,6 +314,7 @@ section.team {
|
|||
width: 100%;
|
||||
border-radius: 10px;
|
||||
background: white;
|
||||
display: block;
|
||||
}
|
||||
.card .text, .card .title {
|
||||
margin: 0;
|
||||
|
|
@ -325,4 +348,96 @@ footer {
|
|||
color: var(--text-secondary);
|
||||
margin-top: 290px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
|
||||
h1.dot:after, h2.dot:after {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
}
|
||||
|
||||
header nav {
|
||||
/* You don't really need it on mobile IMO */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hero-meta {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
display: none;
|
||||
}
|
||||
.hero .title {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.hero .subtitle {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.misc {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.column-2, .hero {
|
||||
grid-template-columns: 100%;
|
||||
}
|
||||
|
||||
.button.primary {
|
||||
padding: 8px 27px;
|
||||
}
|
||||
.button.secondary.icon-btn {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
}
|
||||
.button.icon-btn svg {
|
||||
min-width: 30px;
|
||||
width: 30px;
|
||||
min-height: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
|
||||
section.progress {
|
||||
margin-top: 100px;
|
||||
}
|
||||
section.progress .right:before {
|
||||
content: none;
|
||||
}
|
||||
section.progress .right {
|
||||
padding: 50px 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.sect .title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.sect .text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.question-and-answer summary {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.team .team-top .text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.team-cards .card { /* I needed a little bit of a higher priority */
|
||||
grid-template-columns: 60px 1fr;
|
||||
width: 100vw;
|
||||
margin-left: -5vw;
|
||||
margin-right: -2.5vw;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,10 +1,4 @@
|
|||
|
||||
{{!-- this is temp --}}
|
||||
|
||||
{{!-- <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>
|
||||
|
|
@ -64,11 +58,11 @@
|
|||
<circle cx="78.5" cy="78.5" r="78.5" stroke="none"/>
|
||||
<circle cx="78.5" cy="78.5" r="91.5" fill="none"/>
|
||||
</g>
|
||||
<circle id="Ellipse_15" data-name="Ellipse 15" cx="23" cy="23" r="23" transform="translate(1586.473 353) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse id="Ellipse_21" data-name="Ellipse 21" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1588.958 188.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse id="Ellipse_25" data-name="Ellipse 25" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1143.958 1021.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse id="Ellipse_26" data-name="Ellipse 26" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1064.958 158.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<circle id="Ellipse_16" data-name="Ellipse 16" cx="23" cy="23" r="23" transform="translate(1169.473 524) rotate(-45)" fill="#59c9a5"/>
|
||||
<circle class="animateDot" id="Ellipse_15" data-name="Ellipse 15" cx="23" cy="23" r="23" transform="translate(1586.473 353) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse class="animateDot" id="Ellipse_21" data-name="Ellipse 21" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1588.958 188.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse class="animateDot" id="Ellipse_25" data-name="Ellipse 25" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1143.958 1021.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<ellipse class="animateDot" id="Ellipse_26" data-name="Ellipse 26" cx="11" cy="10.5" rx="11" ry="10.5" transform="translate(1064.958 158.514) rotate(-45)" fill="#9d6ff3"/>
|
||||
<circle class="animateDot" id="Ellipse_16" data-name="Ellipse 16" cx="23" cy="23" r="23" transform="translate(1169.473 524) rotate(-45)" fill="#59c9a5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>New Pretendo website</title>
|
||||
<link rel="stylesheet" href="/main.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimal-ui, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
{{{ body }}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user