Fix japanese ver of header and add translations for the discord page

This commit is contained in:
rift 2023-12-13 17:28:10 -06:00
parent aa2edd9ab6
commit 9f89ba3c48
6 changed files with 26 additions and 14 deletions

10
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "nebula-v8",
"name": "Nebula",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"dependencies": {
"@tomphttp/bare-server-node": "^2.0.1",
"i18next": "^23.7.8",
"i18next": "^23.7.9",
"i18next-browser-languagedetector": "^7.2.0",
"million": "^2.6.4",
"preact": "^10.13.1",
@ -3007,9 +3007,9 @@
}
},
"node_modules/i18next": {
"version": "23.7.8",
"resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.8.tgz",
"integrity": "sha512-yCe9964O+1abdIG01AOzk6P9mQi0HVJV1B57whYJQu6TjmrB9JHHDYonDI8amGt6M6b9bP3x3R0Zh7ROmvX7JQ==",
"version": "23.7.9",
"resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.9.tgz",
"integrity": "sha512-wturtxTfJLJdLzHhyfxXo2l9Cbu2Iz4wF4065oWThPvdFJMUUG3fhXD3BLCHgrv4VxfScORq0i9sfCdjVPbgiw==",
"funding": [
{
"type": "individual",

View file

@ -8,7 +8,7 @@
},
"dependencies": {
"@tomphttp/bare-server-node": "^2.0.1",
"i18next": "^23.7.8",
"i18next": "^23.7.9",
"i18next-browser-languagedetector": "^7.2.0",
"million": "^2.6.4",
"preact": "^10.13.1",

View file

@ -12,8 +12,8 @@ export function Header() {
return (
<div id="navbar" className="h-16 px-4 bg-navbar-color flex flex-row items-center justify-between">
<a href="/">
<div className="flex flex-row items-center w-1/2">
<a href="/" class="w-1/2">
<div className="flex flex-row items-center">
<img src="/logo.png" className="h-16 w-16 hover:rotate-[360deg] transition-all duration-1000"></img>
<h1 className="font-roboto text-navbar-text-color text-4xl font-bold">{t('header.title')}</h1>
</div>

View file

@ -11,5 +11,11 @@
},
"home": {
"placeholder": "Search the web freely"
},
"discord": {
"title": "Nebula's Discord Server",
"sub": "Would you like to open this via proxy?",
"button1": "Open Normally",
"button2": "Use Proxy"
}
}

View file

@ -11,5 +11,11 @@
},
"home": {
"placeholder": "由にウェブを検索"
},
"discord": {
"title": "ネビュラのDiscordサーバー",
"sub": "プロキシ経由で開きますか?",
"button1": "通常通り開く",
"button2": "プロキシを使用する"
}
}

View file

@ -6,14 +6,14 @@ export function discordPag() {
<section class="h-full">
<div class="flex justify-center items-center h-full flex-col">
<div class="p-6 flex flex-col items-center">
<p class="text-4xl font-roboto font-bold">Nebula's Discord Server</p>
<span class="text-3xl font-roboto">Would you like to Load this via Proxy?</span>
<p class="text-4xl font-roboto font-bold">{t('discord.title')}</p>
<span class="text-3xl font-roboto">{t('discord.sub')}</span>
</div>
<a href="https://discord.gg/unblocker">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-44 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">Open Normally</button>
<a href="https://discord.gg/unblocker" class="p-6">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-56 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">{t('discord.button1')}</button>
</a>
<a href="/">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-44 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">Use Proxy</button>
<a href="/" class="p-6">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-56 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">{t('discord.button2')}</button>
</a>
</div>
</section>