yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-09-28 07:30:24 +09:00
Code Releases Activity

Add button for Dynmap

Browse Source
This commit is contained in:
yude 2021-05-30 13:39:48 +09:00
parent ccfd1761cc
commit a1605c8970
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
1 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/minecraft.js
View File

@ -4,6 +4,9 @@ import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import Minecraft from './components/Minecraft' import Minecraft from './components/Minecraft'
import Image from 'next/image' 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) { export default function About(props) {
const router = useRouter() const router = useRouter()
@ -12,21 +15,33 @@ export default function About(props) {
const title = t('title') const title = t('title')
const address = t('address') const address = t('address')
return ( return (
<Layout title={title}> <Layout title={title}>
<div> <div>
<p className="my-2 text-3xl text-center">{title}</p> <p className="my-2 text-3xl text-center">{title}</p>
<div className="w-full"> <div className="w-full">
<Image <Image
src = "/static/images/dynmap.png" src = "/static/images/dynmap.png"
alt = "Dynmap Header" alt = "Dynmap Header"
unoptimized = {true} unoptimized = {true}
width = {1354} width = {1354}
height = {619} height = {619}
/> />
</div> </div>
<Minecraft /> <div className="text-center">
<p className="text-center">{address}: <code>yude.jp</code></p> <Minecraft />
</div> <p>{address}: <code>yude.jp</code></p>
</Layout> <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>
) )
} }