yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 20:20:09 +09:00
Code Releases Activity

Add link to profile page

Browse Source
This commit is contained in:
yude 2021-02-08 16:43:48 +09:00
parent 921a584397
commit fd998c25aa
7 changed files with 28 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
i18n.json
View File

@ -3,6 +3,6 @@
"defaultLocale": "ja-JP",
"pages": {
"/": ["index", "common"],
"/about": ["about", "common"]
"/profile": ["profile", "common"]
}
}

0
locales/en-US/about.json → locales/en-US/profile.json
View File

0
locales/ja-JP/about.json → locales/ja-JP/profile.json
View File

32
pages/about.js
View File

@ -1,32 +0,0 @@
import Layout from "./components/Layout"
import Navbar from "./components/Navbar"
import Link from 'next/link'
import Image from 'next/image'
import { useRouter } from 'next/router'
export default function About(props) {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
return (
<Layout title="ホーム">
<Navbar />
<div className="my-9">
<p>[Debug] Current locale: {pathname}</p>
<Image className="rounded-full"
src = "/static/images/avatar.png"
alt = "yude's avatar"
width = {200}
height = {200}
unoptimized = {true}
/>
<p>🔨 This page is under the construction. 🔨</p>
<p>For now, please visit <Link href="https://yude.moe"><a>yude.moe</a></Link>.
</p>
</div>
</Layout>
)
}

4
pages/components/LangSelector.js
View File

@ -48,10 +48,10 @@ const Dropdown = ({ color }) => {
<div ref={popoverDropdownRef} className={
(dropdownPopoverShow ? "block " : "hidden ") + "origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
<div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<Link href="/" locale="ja-JP">
<Link href="#" locale="ja-JP">
<a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">日本語</a>
</Link>
<Link href="/" locale="en-US">
<Link href="#" locale="en-US">
<a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">English</a>
</Link>
</div>

5
pages/index.js
View File

@ -3,7 +3,7 @@ import Navbar from "./components/Navbar"
import Link from 'next/link'
import { ReactElement } from 'react'
import { faDiscord, faGit } from '@fortawesome/free-brands-svg-icons'
import { faBlog, faBook } from '@fortawesome/free-solid-svg-icons'
import { faBlog, faBook, faUser } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Image from 'next/image'
import useTranslation from 'next-translate/useTranslation'
@ -34,7 +34,8 @@ export default function Index(props) {
unoptimized = {true}
/>
</div>
<span><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 inline"/></a></Link></span>
<span><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 inline"/></a></Link></span>
<span className="ml-4"><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 inline"/></a></Link></span>
<span className="ml-4"><Link href="https://wiki.yude.jp"><a><FontAwesomeIcon icon={faBook} className="w-10 h-10 inline"/></a></Link></span>
<span className="ml-4"><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 inline"/></a></Link></span>
<span className="ml-4"><Link href="https://git.yude.jp"><a><FontAwesomeIcon icon={faGit} className="w-10 h-10 inline"/></a></Link></span>

22
pages/profile.js Normal file
View File

@ -0,0 +1,22 @@
import Layout from "./components/Layout"
import Navbar from "./components/Navbar"
import Link from 'next/link'
import Image from 'next/image'
import { useRouter } from 'next/router'
export default function About(props) {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
return (
<Layout title="ホーム">
<Navbar />
<div className="my-9">
<p>まだできてないわね・・・</p>
</div>
</Layout>
)
}