Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-07-15 23:53:58 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #18 from JipFr/master

Browse Source 
Some UI / UX improvements
This commit is contained in:
Jonathan Barrow 2020-03-12 17:02:18 -04:00 committed by GitHub
commit 22603e6c52
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 64 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -44,6 +44,14 @@ 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;
display: block;
}
nav.navWrapper .navItem:hover, nav.navWrapper .navItem.active {
color: white;
@ -134,7 +142,7 @@ nav.navWrapper.open .navItem.hamburger {
display: none;
}
nav.navWrapper.open .navItem {
display: block;
display: flex;
}
nav.navWrapper .navItem.hamburger {
display: flex;
@ -207,6 +215,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 +331,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 +342,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 +352,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>

60
views/home.hbs
View File

@ -34,64 +34,90 @@
<div class="profile">
<img class="profileIcon" src="https://avatars3.githubusercontent.com/u/27011796">
<div class="profileText">
<h2 class="txt-smallHeading">Jonathan Barrow (RedDucks)</h2>
<p>Project owner and lead developer</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Jonathan Barrow (RedDucks)</h2>
<p>Project owner and lead developer</p>
</div>
<a href="https://github.com/RedDuckss" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars3.githubusercontent.com/u/32065563">
<div class="profileText">
<h2 class="txt-smallHeading">Jemma (CaramelKat)</h2>
<p>Miiverse research and development</p>
<div class="profileText">'
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Jemma (CaramelKat)</h2>
<p>Miiverse research and development</p>
</div>
<a href="https://github.com/CaramelKat" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars3.githubusercontent.com/u/10212424">
<div class="profileText">
<h2 class="txt-smallHeading">superwhiskers</h2>
<p>crunch library development</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">superwhiskers</h2>
<p>crunch library development</p>
</div>
<a href="https://github.com/superwhiskers" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars1.githubusercontent.com/u/19657053">
<div class="profileText">
<h2 class="txt-smallHeading">SuperMarioDaBom</h2>
<p>Console and other system research</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">SuperMarioDaBom</h2>
<p>Console and other system research</p>
</div>
<a href="https://github.com/SuperMarioDaBom" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/326811693751468033/1064818534277b6cafbb4b53a9a36d3e.png?size=2048">
<div class="profileText">
<h2 class="txt-smallHeading">Rambo6Glaz</h2>
<p>Network installer and console research</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Rambo6Glaz</h2>
<p>Network installer and console research</p>
</div>
<a href="https://github.com/NexoDevelopment" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars2.githubusercontent.com/u/19330965">
<div class="profileText">
<h2 class="txt-smallHeading">mrjvs</h2>
<p>Web development and early eShop research</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">mrjvs</h2>
<p>Web development and early eShop research</p>
</div>
<a href="https://github.com/mrjvs" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars1.githubusercontent.com/u/47010303">
<div class="profileText">
<h2 class="txt-smallHeading">Benjamin Moss (kxpler442b)</h2>
<p>Web development</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Benjamin Moss (kxpler442b)</h2>
<p>Web development</p>
</div>
<a href="https://github.com/kxpler442b" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://avatars0.githubusercontent.com/u/17685409">
<div class="profileText">
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Jip Fr</h2>
<p>Web development</p>
</div>
<a href="https://github.com/jipfr" target="_blank"><button class="btn small">GitHub</button></a>
</div>
</div>
<div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/186572995848830987/b55c0d4e7bfd792edf0689f83a25d8ea.png?size=2048">
<div class="profileText">
<h2 class="txt-smallHeading">Kinnay</h2>
<p>None of this would be possible without the research and help done by Kinnay on PRUDP and nex</p>
<div class="profileTextDiv">
<h2 class="txt-smallHeading">Kinnay</h2>
<p>None of this would be possible without the research and help done by Kinnay on PRUDP and nex</p>
</div>
<a href="https://github.com/Kinnay" target="_blank"><button class="btn small">GitHub</button></a>
</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>