mirror of
https://github.com/yude-jp/yude.jp
synced 2024-12-22 20:20:09 +09:00
parent
7f2411b2f6
commit
9d77edd973
@ -9,11 +9,11 @@ import Link from 'next/link'
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
||||
|
||||
const FontAwesomeMenu = (props) => {
|
||||
const { icon } = props
|
||||
const { icon, dest } = props
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Link>
|
||||
<Link href={dest}>
|
||||
<a>
|
||||
<FontAwesomeIcon icon={icon} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" />
|
||||
</a>
|
||||
|
@ -38,16 +38,16 @@ export default function Index(props) {
|
||||
|
||||
{/* Index menu */}
|
||||
<div className="grid grid-cols-4 gap-10">
|
||||
<FontAwesomeMenu icon={faUser} />
|
||||
<FontAwesomeMenu icon={faServer} />
|
||||
<FontAwesomeMenu icon={faHouseUser} />
|
||||
<FontAwesomeMenu icon={faBook} />
|
||||
<FontAwesomeMenu icon={faDiscord} />
|
||||
<FontAwesomeMenu icon={faGithub} />
|
||||
<FontAwesomeMenu icon={faGit} />
|
||||
<FontAwesomeMenu icon={faMastodon} />
|
||||
<FontAwesomeMenu dest="/profile" icon={faUser} />
|
||||
<FontAwesomeMenu dest="/server" icon={faServer} />
|
||||
<FontAwesomeMenu dest="/house" icon={faHouseUser} />
|
||||
<FontAwesomeMenu dest="https://scrapbox.io/yude" icon={faBook} />
|
||||
<FontAwesomeMenu dest="https://discord.gg/X6srY7X" icon={faDiscord} />
|
||||
<FontAwesomeMenu dest="https://github.com/yudejp" icon={faGithub} />
|
||||
<FontAwesomeMenu dest="https://git.yude.jp" icon={faGit} />
|
||||
<FontAwesomeMenu dest="https://mstdn.yude.jp" icon={faMastodon} />
|
||||
<MinecraftMenu />
|
||||
<FontAwesomeMenu icon={faHeart} />
|
||||
<FontAwesomeMenu dest="/mutual" icon={faHeart} />
|
||||
</div>
|
||||
|
||||
{/* Banner */}
|
||||
|
Loading…
Reference in New Issue
Block a user