From a1605c89707aa2be1e9f5c98a806b0f816917155 Mon Sep 17 00:00:00 2001
From: yudejp <i@yude.jp>
Date: Sun, 30 May 2021 13:39:48 +0900
Subject: [PATCH] Add button for Dynmap

---
 pages/minecraft.js | 47 ++++++++++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 16 deletions(-)

diff --git a/pages/minecraft.js b/pages/minecraft.js
index 357aeb9..c277511 100644
--- a/pages/minecraft.js
+++ b/pages/minecraft.js
@@ -4,6 +4,9 @@ import useTranslation from 'next-translate/useTranslation'
 import { useRouter } from 'next/router'
 import Minecraft from './components/Minecraft'
 import Image from 'next/image'
+import { faMap } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Link from 'next/link'
 
 export default function About(props) {
     const router = useRouter()
@@ -12,21 +15,33 @@ export default function About(props) {
     const title = t('title')
     const address = t('address')
     return (
-        <Layout title={title}>
-        <div>
-        <p className="my-2 text-3xl text-center">{title}</p>
-        <div className="w-full">
-        <Image
-            src         = "/static/images/dynmap.png"
-            alt         = "Dynmap Header"
-            unoptimized = {true}
-            width       = {1354}
-            height      = {619}
-        />
-        </div>
-        <Minecraft />
-        <p className="text-center">{address}: <code>yude.jp</code></p>
-        </div>
-        </Layout>
+            <Layout title={title}>
+            <div>
+                <p className="my-2 text-3xl text-center">{title}</p>
+                <div className="w-full">
+                <Image
+                    src         = "/static/images/dynmap.png"
+                    alt         = "Dynmap Header"
+                    unoptimized = {true}
+                    width       = {1354}
+                    height      = {619}
+                />
+                </div>
+                <div className="text-center">
+                <Minecraft />
+                <p>{address}: <code>yude.jp</code></p>
+                <Link href="https://dynmap.yude.jp">
+                <a>
+                <button
+                className="bg-pink-600 text-white active:bg-pink-600 font-bold text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1       ease-linear transition-all duration-150"
+                type="button"
+              >
+                <FontAwesomeIcon icon={faMap} className="w-5 h-5 inline"/> Dynmap
+              </button>
+              </a>
+              </Link>
+              </div>
+            </div>
+            </Layout>
         )
 }
\ No newline at end of file