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

package-lock.json

@@ -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",
+			"version": "23.7.9",
-			"resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.8.tgz",
+			"resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.9.tgz",
-			"integrity": "sha512-yCe9964O+1abdIG01AOzk6P9mQi0HVJV1B57whYJQu6TjmrB9JHHDYonDI8amGt6M6b9bP3x3R0Zh7ROmvX7JQ==",
+			"integrity": "sha512-wturtxTfJLJdLzHhyfxXo2l9Cbu2Iz4wF4065oWThPvdFJMUUG3fhXD3BLCHgrv4VxfScORq0i9sfCdjVPbgiw==",
 			"funding": [
 				{
 					"type": "individual",

package.json

@@ -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",

src/components/Header.tsx

@@ -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="/">
+			<a href="/" class="w-1/2">
-				<div className="flex flex-row items-center 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>

src/locales/en.json

@@ -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"
     }
 }

src/locales/ja.json

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

src/pages/discord.tsx

@@ -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>
+					<p class="text-4xl font-roboto font-bold">{t('discord.title')}</p>
-					<span class="text-3xl font-roboto">Would you like to Load this via Proxy?</span>
+					<span class="text-3xl font-roboto">{t('discord.sub')}</span>
 				</div>
-                <a href="https://discord.gg/unblocker">
+                <a href="https://discord.gg/unblocker" class="p-6">
-					<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>
+					<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="/">
+                <a href="/" class="p-6">
-					<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>
+					<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>