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

fix: navbar, env switch, style, etc. 1/2

Browse Source
This commit is contained in:
limes
2026-08-17 05:13:25 +02:00
parent 703a6bf414
commit f4e8abef3f
11 changed files with 1378 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
README.md
View File

@@ -125,27 +125,28 @@ Testing findings:
- [X] faq open first by default
- [X] fix github icon size on team
- [X] click out of bandwidth doesn't close bandwidth (use vueuse onclickoutside)
- [ ] fix hover and clickaway on navbar
- [ ] fix locale list not having the same layout, no clickaway
- [X] fix hover and clickaway on navbar
- [X] fix locale list not having the same layout, no clickaway
- [X] progress is a wrench?
- [ ] rss feed wrong content type
- [X] rss feed wrong content type
- [ ] progress page has no mobile layout (jvs you suck)
- [ ] docs errors page, ironically, gives an error
- [ ] docs headings are very purple
- [ ] docs codeblocks *not* very purple
- [X] docs headings are very purple
- [X] docs codeblocks *not* very purple
- [X] docs index page redirect should be in config, not as a page
- [ ] upgrade: progress numbers not bold
- [ ] upgrade: align perk text with icon
- [X] upgrade: progress numbers not bold
- [X] upgrade: align perk text with icon
- [ ] miieditor logs serverside
- [ ] just move as much stuff as possible to renderside really
- [ ] account shows beta switch even if it's disabled
- [ ] if user has beta access they should be able to change back to prod
- [ ] add dev server env button
- [X] account shows beta switch even if it's disabled
- [X] if user has beta access they should be able to change back to prod
- [X] add dev server env button
- [ ] discord link/remove success toast
- [ ] forgot password shows success toast even w no captcha (doesn't actually submit)
@@ -154,6 +155,4 @@ Testing findings:
- [ ] need error page
- [ ] need 404 page
- [ ] docs index page redirect should be in config, not as a page
- ? progress seems to sometimes not load for jvs?

4
nuxt.config.ts
View File

@@ -32,6 +32,10 @@ export default defineNuxtConfig({
}
},
routeRules: {
'/docs': { redirect: '/docs/welcome' }
},
runtimeConfig: {
nitro: {
envPrefix: 'PN_WEBSITE_'

4
server/routes/blog/feed.xml.ts
View File

@@ -17,7 +17,7 @@ export default defineEventHandler(async (event) => {
favicon: 'http://pretendo.network/favicon.ico',
copyright: 'Pretendo Network',
feedLinks: {
atom: 'https://pretendo.network/blog/rss.xml'
atom: 'https://pretendo.network/blog/feed.xml'
}
});
@@ -39,7 +39,7 @@ export default defineEventHandler(async (event) => {
feed.addCategory('Technology');
event.res.setHeader('content-type', 'text/xml');
setHeader(event, 'content-type', 'text/xml');
return feed.rss2();
});

2
src/assets/css/main.css
View File

@@ -52,7 +52,7 @@ body,
code {
display: inline-block;
background-color: #191919;
background-color: var(--bg-shade-0);
padding: 4px;
border-radius: 4px;
font-family: Consolas, Monaco, "Andale Mono", monospace;

1608
src/components/Navbar/Navbar.vue
View File

File diff suppressed because it is too large Load Diff

10
src/layouts/docs.vue
View File

@@ -198,6 +198,14 @@ button#openSidebar {
font-weight: bold;
color: var(--accent-shade-1);
}
.docs-wrapper :deep(.content-inner:not(.search)) h1 a,
.docs-wrapper :deep(.content-inner:not(.search)) h2 a,
.docs-wrapper :deep(.content-inner:not(.search)) h3 a,
.docs-wrapper :deep(.content-inner:not(.search)) h4 a,
.docs-wrapper :deep(.content-inner:not(.search)) h5 a,
.docs-wrapper :deep(.content-inner:not(.search)) h6 a {
color: var(--text-shade-3);
}
.docs-wrapper :deep(header) {
position: relative;
@@ -206,7 +214,7 @@ button#openSidebar {
left: 0 !important;
}
.docs-wrapper :deep(header) #mobile-button,
.docs-wrapper :deep(header) .nav-menu-trigger.mobile,
.docs-wrapper :deep(header) .logo-link {
display: none !important;
}

26
src/pages/account/index.vue
View File

@@ -298,7 +298,7 @@ useHead({
<h2 class="header">
{{ $t("account.settings.settingCards.serverEnv") }}
</h2>
<fieldset :disabled="profile.accessLevel < 1">
<fieldset :disabled="profile.serverAccessLevel === 'prod' && profile.accessLevel < 1">
<form
id="server"
class="server-selection"
@@ -317,18 +317,40 @@ useHead({
<h2>{{ $t("account.settings.settingCards.production") }}</h2>
</label>
<input
v-if="profile.serverAccessLevel !== 'prod' || profile.accessLevel > 0"
id="test"
v-model="selectedServerEnv"
type="radio"
value="test"
>
<label for="test">
<label
v-if="profile.serverAccessLevel !== 'prod' || profile.accessLevel > 0"
for="test"
>
<Icon
name="ph:flask"
size="36"
/>
<h2>{{ $t("account.settings.settingCards.beta") }}</h2>
</label>
<input
v-if="profile.accessLevel === 3"
id="dev"
v-model="selectedServerEnv"
type="radio"
value="dev"
>
<label
v-if="profile.accessLevel === 3"
for="dev"
>
<Icon
name="ph:code"
size="36"
/>
<h2>Dev</h2>
</label>
</form>
</fieldset>

22
src/pages/account/upgrade.vue
View File

@@ -247,22 +247,22 @@ useHead({
<div class="tier-text">
<p class="tier-name">{{ tier.name }}</p>
<div class="tier-perks">
<p v-if="tier.perks.beta">
<div v-if="tier.perks.beta">
<Icon
name="ph:flask"
size="20"
style="color: var(--green-shade-1)"
/>
Beta server access
</p>
<p v-if="tier.perks.discordRead">
<p>Beta server access</p>
</div>
<div v-if="tier.perks.discordRead">
<Icon
name="ph:chats"
size="20"
style="color: var(--accent-shade-2)"
/>
Read-only access to select dev channels on Discord
</p>
<p>Read-only access to select dev channels on Discord</p>
</div>
</div>
</div>
<p class="price">
@@ -436,7 +436,7 @@ p.caption {
text-align: left;
margin-bottom: 0;
}
.account-form-wrapper .progress-bar-wrapper p span {
.account-form-wrapper .progress-bar-wrapper span span {
color: var(--text-shade-3);
font-weight: 600;
}
@@ -539,7 +539,7 @@ label.tier .tier-name {
label.tier .tier-perks {
text-align: left;
width: 70%;
max-width: 70%;
margin: 24px auto 48px;
}
@@ -551,7 +551,11 @@ label.tier .tier-perks p span {
label.tier .tier-perks div {
display: grid;
grid-template-columns: 16px auto;
gap: 8px;
gap: 10px;
}
label.tier .tier-perks div span {
margin-top: 2px;
}
label.tier p.price {

23
src/pages/docs/index.vue
View File

@@ -1,23 +0,0 @@
<script setup lang="ts">
useHead({
meta: [
{
name: 'description',
content:
'Learn how to set up Pretendo on a variety of consoles and emulators.'
},
{
name: 'og:description',
content:
'Learn how to set up Pretendo on a variety of consoles and emulators.'
},
{
name: 'twitter:description',
content:
'Learn how to set up Pretendo on a variety of consoles and emulators.'
}
]
});
await navigateTo({ path: '/docs/welcome' });
</script>

93
src/pages/docs/welcome.vue
View File

@@ -31,90 +31,37 @@ definePageMeta({
<h1>{{ $t('docs.quickLinks.header') }}</h1>
<div class="quick-links-grid">
<a href="/docs/install">
<svg
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-download"
>
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line
x1="12"
y1="15"
x2="12"
y2="3"
/>
</svg>
<Icon
name="ph:download-simple"
size="32"
mode="svg"
/>
<div>
<p class="header">{{ $t('docs.quickLinks.links[0].header') }}</p>
<p>{{ $t('docs.quickLinks.links[0].caption') }}</p>
</div>
<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-chevron-right"
>
<polyline points="9 18 15 12 9 6" />
</svg>
<Icon
name="ph:caret-right"
size="32"
mode="svg"
/>
</a>
<a href="/docs/errors">
<svg
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="feather feather-search"
>
<circle
cx="11"
cy="11"
r="8"
/>
<line
x1="21"
y1="21"
x2="16.65"
y2="16.65"
/>
</svg>
<Icon
name="ph:magnifying-glass"
size="32"
mode="svg"
/>
<div>
<p class="header">{{ $t('docs.quickLinks.links[1].header') }}</p>
<p>{{ $t('docs.quickLinks.links[1].caption') }}</p>
</div>
<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-chevron-right"
>
<polyline points="9 18 15 12 9 6" />
</svg>
<Icon
name="ph:caret-right"
size="32"
mode="svg"
/>
</a>
</div>

2
src/public/assets/images/arrow-right.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#000000" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 306 B

After

Width:  |  Height:  |  Size: 269 B