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

Compare commits

...

2 Commits

Author SHA1 Message Date
b8dd78d89e Switch port number 2021-02-22 14:06:49 +09:00
aba80b9451 Add link to Twitter, Mastodon (don.yude.jp) 2021-02-22 14:06:44 +09:00
2 changed files with 18 additions and 2 deletions

View File

@ -4,7 +4,7 @@
"description": "Front page of yude.jp",
"main": "index.js",
"scripts": {
"dev": "next -p 3000",
"dev": "next -p 30221",
"build": "next build",
"start": "next start",
"export": "next export"

View File

@ -1,7 +1,7 @@
import Layout from "./components/Layout"
import Navbar from "./components/Navbar"
import useTranslation from 'next-translate/useTranslation'
import { faDiscord, faTwitter, faGithub, faKeybase, faInstagram } from '@fortawesome/free-brands-svg-icons'
import { faDiscord, faTwitter, faGithub, faKeybase, faInstagram, faMastodon } from '@fortawesome/free-brands-svg-icons'
import { faEnvelope, faBirthdayCake, faMapPin, faSchool, faPhone, faInfo } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link'
@ -88,6 +88,14 @@ export default function About(props) {
<p className="text-2xl"><FontAwesomeIcon icon={faPhone} className="w-5 h-5 inline"/> {contact}</p>
</div>
<div className="my-2 grid grid-cols-2 lg:grid-cols-5 md:grid-cols-3 sm:grid-cols-2 justify-items-center gap-y-6">
<div className="hover:underline">
<Link href="https://twitter.com/yudejp">
<a>
<FontAwesomeIcon icon={faTwitter} className="w-7 h-7 inline lg:w-10 lg:h-10 md:w-7 md:h-7"/>
<p className="font-mono text-xl">@yudejp</p>
</a>
</Link>
</div>
<div className="hover:underline">
<a>
<FontAwesomeIcon icon={faDiscord} className="w-7 h-7 inline lg:w-10 lg:h-10 md:w-7 md:h-7"/>
@ -110,6 +118,14 @@ export default function About(props) {
</a>
</Link>
</div>
<div className="hover:underline">
<Link href="https://don.yude.jp/@yude">
<a>
<FontAwesomeIcon icon={faMastodon} className="w-7 h-7 inline lg:w-10 lg:h-10 md:w-7 md:h-7"/>
<p className="font-mono text-xl">@yude@don.yude.jp</p>
</a>
</Link>
</div>
<div className="hover:underline">
<Link href="https://keybase.io/yude">
<a>