mirror of
https://github.com/yude-jp/yude.jp
synced 2025-04-10 00:57:28 +09:00
Add translation
This commit is contained in:
parent
8e1a1ae8de
commit
2b4448de81
@ -2,7 +2,7 @@
|
||||
"locales": ["en-US", "ja-JP"],
|
||||
"defaultLocale": "ja-JP",
|
||||
"pages": {
|
||||
"/": ["index"],
|
||||
"/about": ["about"]
|
||||
"/": ["index", "common"],
|
||||
"/about": ["about", "common"]
|
||||
}
|
||||
}
|
4
locales/en-US/common.json
Normal file
4
locales/en-US/common.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"footer": "This page is licensed under the MIT License.",
|
||||
"source": "Source code"
|
||||
}
|
4
locales/ja-JP/common.json
Normal file
4
locales/ja-JP/common.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"footer": "このページは MIT License の下でライセンスされています。",
|
||||
"source": "ソースコード"
|
||||
}
|
@ -1,18 +1,26 @@
|
||||
import Head from "next/head"
|
||||
import Link from "next/link"
|
||||
import "tailwindcss/tailwind.css";
|
||||
import useTranslation from 'next-translate/useTranslation'
|
||||
import { useRouter } from 'next/router'
|
||||
import React, { useEffect, useState } from 'react'
|
||||
|
||||
const Layout = (props) => {
|
||||
const { title, children } = props
|
||||
const siteTitle = "yude.jp"
|
||||
const router = useRouter()
|
||||
const { locale, locales, defaultLocale, pathname } = router
|
||||
|
||||
const { t, lang } = useTranslation("common")
|
||||
const footer = t('footer')
|
||||
const source = t('source')
|
||||
return (
|
||||
<div className="page">
|
||||
<Head>
|
||||
<title>{title ? `${title} - ${siteTitle}` : siteTitle}</title>
|
||||
<link rel="icon" href="/static/images/favicon.ico" />
|
||||
</Head>
|
||||
<body className="bg-white text-black dark:bg-black dark:text-white">
|
||||
<body className="min-h-screen bg-gray-900 text-white">
|
||||
<main>
|
||||
<div className="page-main">
|
||||
{children}
|
||||
@ -24,17 +32,15 @@ const Layout = (props) => {
|
||||
}
|
||||
|
||||
`}</style>
|
||||
<footer>
|
||||
<div className="container mx-auto px-6">
|
||||
<div className="mt-16 border-t-2 border-gray-300 flex flex-col items-center">
|
||||
<div className="sm:w-full text-left py-6">
|
||||
<p className="text-sm text-gray-700 font-bold mb-2">
|
||||
This page is licensed under the MIT License.
|
||||
<div className="sm:w-full text-center py-6">
|
||||
<p className="text-sm font-bold mb-2 text-gray-400">
|
||||
{footer} / <Link href="https://github.com/yudemoe/yude.jp"><a>{source}</a></Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user