Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-07-16 08:06:42 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Small UI / UX improvements

Browse Source
This commit is contained in:
Jip Fr 2020-03-09 13:13:12 +01:00
parent 6fce3fcbfd
commit 442aaa9099
6 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/pretendo-common.css
View File

@ -44,6 +44,13 @@ nav.navWrapper .navItem {
font-size: 1em;
cursor: pointer;
align-self: stretch;
display: flex;
align-items: center;
}
nav.navWrapper .navItem svg {
width: 1.1rem;
height: 1.1rem;
margin-right: 5px;
}
nav.navWrapper .navItem:hover, nav.navWrapper .navItem.active {
color: white;
@ -207,6 +214,7 @@ nav.navWrapper ~ .contentWrapper:nth-child(2) {
footer {
background: #673db6;
padding: 2em 1em;
padding-bottom: calc(2em + env(safe-area-inset-bottom));
}
footer .content {
background: white;
@ -322,7 +330,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled {
min-width: 250px;
width: 50%;
max-width: 550px;
margin-bottom: 10px;
margin-bottom: 20px;
display: flex;
}
.profileIcon {
@ -333,7 +341,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled {
}
.profileText {
width: calc(100% - 130px);
min-width: 200px;
min-width: 150px;
display: flex;
flex-direction: column;
justify-content: center;
@ -343,6 +351,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled {
}
.profileText p {
margin-top: 5px;
margin-bottom: 10px;
}
/* components - inputs */

4
assets/css/pretendo-faq.css
View File

@ -24,6 +24,6 @@ details summary {
}
details .text {
margin-left: 10px;
padding-bottom: 10px;
margin: 0;
padding: 15px 20px;
}

2
views/cemu.hbs
View File

@ -3,7 +3,7 @@
<head>
{{> head-common }}
</head>
<body>
<body class="flex">
{{> navbar }}
<div class="contentWrapper bgLinesSmall">

2
views/connecting.hbs
View File

@ -3,7 +3,7 @@
<head>
{{> head-common }}
</head>
<body>
<body class="flex">
{{> navbar }}
<div class="contentWrapper bgLinesSmall">

4
views/faq.hbs
View File

@ -5,7 +5,7 @@
<!-- page specific -->
<link rel="stylesheet" href="/assets/css/pretendo-faq.css">
</head>
<body>
<body class="flex">
{{> navbar }}
<div class="contentWrapper bgLinesSmall">
@ -51,7 +51,7 @@
<details>
<summary>Will Pretendo support the Wii/Switch?</summary>
<p class="text">The Wii already has custom servers provided by <a href="https://wiimmfi.de/">Wiimmfi</a>. We currently have no plans on supporting the Switch, as not only is it a completely different platform with a different online network, but Switch online is a paid service</p>
<p class="text">The Wii already has custom servers provided by <a href="https://wiimmfi.de/" target="_blank">Wiimmfi</a>. We currently have no plans on supporting the Switch, as not only is it a completely different platform with a different online network, but Switch online is a paid service</p>
</details>
</div>
</div>

4
views/partials/navbar.hbs
View File

@ -3,8 +3,8 @@
<a class="navItem" href="/connecting">Connecting</a>
<a class="navItem" href="/cemu">Cemu</a>
<a class="navItem" href="/faq">FAQ</a>
<a class="navItem" href="https://github.com/PretendoNetwork/" target="_blank">GitHub</a>
<a class="navItem" href="https://invite.gg/pretendo" target="_blank">Discord</a>
<a class="navItem" href="https://github.com/PretendoNetwork/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> GitHub</a>
<a class="navItem" href="https://invite.gg/pretendo" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> Discord</a>
<div class="navSpread"></div>
<a class="navItem hamburger" id="navToggle">
<span></span>