0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-11-15 14:58:01 +09:00

Add house

This commit is contained in:
yude 2021-05-18 22:42:47 +09:00
parent 85d6b65d88
commit d90e9cf0c4
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
5 changed files with 38 additions and 2 deletions

View File

@ -4,6 +4,7 @@
"pages": {
"/": ["index", "common"],
"/profile": ["profile", "common"],
"/status": ["status", "common"]
"/status": ["status", "common"],
"/house": ["house", "common"]
}
}

3
locales/en/house.json Normal file
View File

@ -0,0 +1,3 @@
{
"house": "yude's house"
}

3
locales/ja/house.json Normal file
View File

@ -0,0 +1,3 @@
{
"house": "ゆでハウス"
}

28
pages/house.js Normal file
View File

@ -0,0 +1,28 @@
import Layout from "./components/Layout"
import Navbar from "./components/Navbar"
import useTranslation from 'next-translate/useTranslation'
import { faDiscord, faTwitter, faGithub, faKeybase, faInstagram, faMastodon, faSteam } from '@fortawesome/free-brands-svg-icons'
import { faEnvelope, faBirthdayCake, faMapPin, faSchool, faPhone, faInfo, faKey, faDownload, faEye } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
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
const { t, lang } = useTranslation("house")
const house = t('house')
return (
<Layout title={house}>
<Navbar />
<p className="my-2 text-3xl">{house}</p>
<div className="mx-9">
<iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe>
</div>
</Layout>
)
}

View File

@ -3,7 +3,7 @@ import Navbar from "./components/Navbar"
import Link from 'next/link'
import { ReactElement } from 'react'
import { faDiscord, faGit, faMastodon, faGithub } from '@fortawesome/free-brands-svg-icons'
import { faBlog, faBook, faUser, faServer } from '@fortawesome/free-solid-svg-icons'
import { faBlog, faBook, faUser, faServer, faHouseUser } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Image from 'next/image'
import useTranslation from 'next-translate/useTranslation'
@ -39,6 +39,7 @@ export default function Index(props) {
<span className="ml-4"><Link href="https://git.yude.jp"><a><FontAwesomeIcon icon={faGit} className="w-10 h-10 fill-current inline transition duration-200 text-gray-900 dark:text-white ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
<span className="ml-4"><Link href="https://mstdn.yude.jp"><a><FontAwesomeIcon icon={faMastodon} className="w-10 h-10 fill-current inline transition duration-200 text-gray-900 dark:text-white ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
<span className="ml-4"><Link href="/status"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 text-gray-900 dark:text-white ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
<span className="ml-4"><Link href="/house"><a><FontAwesomeIcon icon={faHouseUser} className="w-10 h-10 fill-current inline transition duration-200 text-gray-900 dark:text-white ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
<p></p>
</div>