diff --git a/package.json b/package.json
index ad37259..6641454 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "Front page of yude.jp",
   "main": "index.js",
   "scripts": {
-    "dev": "next -p 30501",
+    "dev": "next -p 3000",
     "build": "next build",
     "start": "next start",
     "export": "next export"
diff --git a/pages/index.js b/pages/index.js
index 55282cf..49b286d 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,7 +2,7 @@ import Layout from "./components/Layout"
 import Navbar from "./components/Navbar"
 import Link from 'next/link'
 import { ReactElement } from 'react'
-import { faDiscord, faGit } from '@fortawesome/free-brands-svg-icons'
+import { faDiscord, faGit, faMastodon } from '@fortawesome/free-brands-svg-icons'
 import { faBlog, faBook, faUser, faServer } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Image from 'next/image'
@@ -37,6 +37,7 @@ export default function Index(props) {
         <span className="ml-4"><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
         <span className="ml-4"><Link href="https://git.yude.jp"><a><FontAwesomeIcon icon={faGit} className="w-10 h-10 inline transition duration-200 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 inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
+        <span className="ml-4"><Link href="https://don.yude.jp"><a><FontAwesomeIcon icon={faMastodon} className="w-10 h-10 inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></span>
         <p></p>
       </div>