2021-08-09 11:00:58 +09:00
|
|
|
// Load base layout
|
2021-02-06 02:38:26 +09:00
|
|
|
import Layout from "./components/Layout"
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:00:58 +09:00
|
|
|
// Menu
|
2021-08-09 12:29:42 +09:00
|
|
|
import FAMenu from "./components/Menu/FontAwesomeMenu"
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:04:26 +09:00
|
|
|
// Banner
|
|
|
|
import BlueRibbon from "./components/Footer/BlueRibbon"
|
|
|
|
import HappyBusy from "./components/Footer/HappyBusy"
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:00:58 +09:00
|
|
|
// Next.js
|
2021-02-06 02:31:04 +09:00
|
|
|
import Image from 'next/image'
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:00:58 +09:00
|
|
|
// i18n
|
2021-02-06 14:30:05 +09:00
|
|
|
import useTranslation from 'next-translate/useTranslation'
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:00:58 +09:00
|
|
|
// React Router
|
2021-02-06 14:05:36 +09:00
|
|
|
import { useRouter } from 'next/router'
|
2021-08-09 11:00:58 +09:00
|
|
|
import MinecraftMenu from "./components/Menu/MinecraftMenu"
|
2021-08-09 12:46:10 +09:00
|
|
|
|
2021-08-09 11:33:00 +09:00
|
|
|
// Font Awesome
|
|
|
|
import { faDiscord, faGit, faMastodon, faGithub } from '@fortawesome/free-brands-svg-icons'
|
|
|
|
import { faBlog, faBook, faUser, faServer, faHouseUser, faHeart, faHome } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
2021-02-06 14:05:36 +09:00
|
|
|
export default function Index(props) {
|
|
|
|
const router = useRouter()
|
|
|
|
const { locale, locales, defaultLocale, pathname } = router
|
2021-02-06 14:30:05 +09:00
|
|
|
const { t, lang } = useTranslation("index")
|
2021-02-07 17:40:43 +09:00
|
|
|
|
2021-02-06 14:05:36 +09:00
|
|
|
return (
|
2021-06-14 12:48:30 +09:00
|
|
|
<Layout title={t('home')}>
|
2021-05-23 15:48:06 +09:00
|
|
|
<div className="my-9 text-center">
|
2021-02-08 17:13:58 +09:00
|
|
|
<div className="m-10">
|
2021-02-08 16:05:58 +09:00
|
|
|
<Image
|
2021-08-09 10:15:53 +09:00
|
|
|
src = "/images/avatar.png"
|
2021-02-06 02:46:15 +09:00
|
|
|
alt = "yude's avatar"
|
|
|
|
width = {200}
|
|
|
|
height = {200}
|
|
|
|
unoptimized = {true}
|
2021-02-06 02:31:04 +09:00
|
|
|
/>
|
2021-02-07 17:40:43 +09:00
|
|
|
</div>
|
2021-08-09 11:00:58 +09:00
|
|
|
|
|
|
|
{/* Index menu */}
|
2021-06-22 12:49:20 +09:00
|
|
|
<div className="grid grid-cols-4 gap-10">
|
2021-08-09 11:55:46 +09:00
|
|
|
<FAMenu dest="/profile" icon={faUser} />
|
|
|
|
<FAMenu dest="/server" icon={faServer} />
|
|
|
|
<FAMenu dest="/house" icon={faHouseUser} />
|
|
|
|
<FAMenu dest="https://scrapbox.io/yude" icon={faBook} />
|
|
|
|
<FAMenu dest="https://discord.gg/X6srY7X" icon={faDiscord} />
|
|
|
|
<FAMenu dest="https://github.com/yudejp" icon={faGithub} />
|
|
|
|
<FAMenu dest="https://git.yude.jp" icon={faGit} />
|
|
|
|
<FAMenu dest="https://mstdn.yude.jp" icon={faMastodon} />
|
2021-08-09 11:00:58 +09:00
|
|
|
<MinecraftMenu />
|
2021-08-09 11:55:46 +09:00
|
|
|
<FAMenu dest="/mutual" icon={faHeart} />
|
2021-05-24 16:26:35 +09:00
|
|
|
</div>
|
2021-08-09 11:00:58 +09:00
|
|
|
|
2021-08-09 11:04:26 +09:00
|
|
|
{/* Banner */}
|
2021-07-24 00:06:11 +09:00
|
|
|
<div className="mx-auto mt-10">
|
2021-08-09 11:04:26 +09:00
|
|
|
<BlueRibbon />
|
|
|
|
<HappyBusy />
|
2021-07-24 00:06:11 +09:00
|
|
|
</div>
|
2021-08-09 11:04:26 +09:00
|
|
|
|
2021-02-06 02:31:04 +09:00
|
|
|
</div>
|
|
|
|
</Layout>
|
|
|
|
)
|
2021-06-21 18:42:23 +09:00
|
|
|
}
|