Merge pull request #4 from yudejp/imgbot

[ImgBot] Optimize images

docs/minecraft/en.md

@@ -0,0 +1,28 @@
+# Rules
+The following applies in addition to [yude.jp Terms of Service](https://yude.jp/tos):
+* You can build your house / facility / etc. anywhere in the world.
+* Don't troll.
+* Don't cheat.
+
+# List of available commands
+* `/ll`: Switch the visibility of spawn checker.
+* `/mvspawn`: Teleport to spawn point of the world you're in.
+
+# Convenient functionalities
+## Bulk destruction
+You can destroy wood logs and ore blocks at once by destroying with sneaking.\
+This function is provided by [VeinMiner](https://www.spigotmc.org/resources/veinminer.12038/).
+## Block protection
+You can protect your chests, doors, furnaces, etc. by pasting sign like the image below.\
+You can also create a shared block by writing the player ID across multiple lines. 
+![Chest Protection](/static/images/minecraft/lockette/chest.png)
+
+# Facility introduction
+## Shrine (by shirachan_1204)
+![Shrine](/static/images/minecraft/shrine.png)
+## Iron Golem Trap (by yude & kuwazi_)
+![Iron Golem Trap](/static/images/minecraft/golem_trap.png)
+## Huge field (by yude & kuwazi_)
+![Huge field](/static/images/minecraft/large_field.png)
+## Giant sugar cane field  (by yude)
+![Giant sugar cane field ](/static/images/minecraft/sugarcane.png)

docs/minecraft/ja.md

@@ -0,0 +1,27 @@
+# ルール
+[yude.jp サービス利用規約](https://yude.jp/tos) に加えて、以下が適用されます。
+* ワールドのどこであっても自由に建築することができます。
+* トロール (荒らし) を行わないでください。
+* チートを行わないでください。
+# 使用可能なコマンドの一覧
+* `/ll`: スポーンチェッカーの表示を切り替えます。
+* `/mvspawn`: ワールドのスポーン地点へ転移します。
+
+# 便利機能
+## 一括破壊
+木や鉱石ブロックをスニーク (しゃがむ) しながら破壊すると一括破壊できます。\
+この機能は [VeinMiner](https://www.spigotmc.org/resources/veinminer.12038/) によって提供されています。
+## ブロックの保護
+看板を画像のように貼り付けることで、チェストやドア、かまどなどを保護できます。\
+複数行に渡ってプレイヤー ID を書くことで、共有ブロックを作ることもできます。\
+![Chest Protection](/static/images/minecraft/lockette/chest.png)
+
+# 施設紹介
+## 神社 (by shirachan_1204)
+![神社](/static/images/minecraft/shrine.png)
+## アイアンゴーレムトラップ (by yude & kuwazi_)
+![アイアンゴーレムトラップ](/static/images/minecraft/golem_trap.png)
+## 巨大畑 (by yude & kuwazi_)
+![巨大畑](/static/images/minecraft/large_field.png)
+## 巨大サトウキビ畑 (by yude)
+![巨大サトウキビ畑](/static/images/minecraft/sugarcane.png)

pages/index.js

@@ -8,23 +8,12 @@ import useTranslation from 'next-translate/useTranslation'
 import { useRouter } from 'next/router'
 
 export default function Index(props) {
-  
-  // Translation
   const router = useRouter()
   const { locale, locales, defaultLocale, pathname } = router
   const { t, lang } = useTranslation("index")
-  const home = t('home')
-  const profile = t('profile')
-  const blog = t('blog')
-  const status = t('status')
-  const house = t('house')
-  const discord = t('discord')
-  const mastodon = t('mastodon')
-  const minecraft = t('minecraft:title')
 
   return (
-
-    <Layout title={home}>
+    <Layout title={t('home')}>
       <div className="my-9 text-center">
         <div className="m-10">
         <Image
@@ -36,12 +25,12 @@ export default function Index(props) {
         />
         </div>
         <div className="grid grid-cols-5 gap-10">
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-10">{profile}</span><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-9">{blog}</span><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{status}</span><Link href="/status"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-5">{house}</span><Link href="/house"><a><FontAwesomeIcon icon={faHouseUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-10">{t('profile')}</span><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-9">{t('blog')}</span><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{t('status')}</span><Link href="/status"><a><FontAwesomeIcon icon={faServer} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-5">{t('house')}</span><Link href="/house"><a><FontAwesomeIcon icon={faHouseUser} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-4">Scrapbox</span><Link href="https://scrapbox.io/yude"><a><FontAwesomeIcon icon={faBook} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-16">{discord}</span><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-16">{t('discord')}</span><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-10">Spaces on Matrix</span><Link href="https://matrix.to/#/!oriLSKSTauvVrpdzZX:matrix.org?via=matrix.org"><a>
         <svg version="1.1" viewBox="0 0 27.9 32" className="fill-current text-black dark:text-white w-10 h-10 inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110">
          <g transform="translate(-.095 .005)">
@@ -53,8 +42,8 @@ export default function Index(props) {
         </a></Link></div>
         <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-16">GitHub Organization</span><Link href="https://github.com/yudejp"><a><FontAwesomeIcon icon={faGithub} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
         <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10">Gitea</span><Link href="https://git.yude.jp"><a><FontAwesomeIcon icon={faGit} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{mastodon}</span><Link href="https://mstdn.yude.jp"><a><FontAwesomeIcon icon={faMastodon} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
-        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{minecraft}</span><Link href="/minecraft"><a>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{t('mastodon')}</span><Link href="https://mstdn.yude.jp"><a><FontAwesomeIcon icon={faMastodon} className="w-10 h-10 fill-current inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" /></a></Link></div>
+        <div className="has-tooltip"><span className="tooltip rounded shadow-lg p-1 bg-yellow-600 transform translate-y-10 -translate-x-12">{t('minecraft:title')}</span><Link href="/minecraft"><a>
         <svg className="fill-current text-black dark:text-white w-10 h-10 inline transition duration-200 ease-in-out transform hover:-translate-y-1 hover:scale-110" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 304.8 304.8">
           <path d="M 39.10262 126.138 L 39.16748 12.39574 L 152.7982 12.33506 L 266.4289 12.27438 L 266.4289 126.0773 L 266.4289 239.8803 L 152.7333 239.8803 L 39.03775 239.8803 L 39.10262 126.138 Z M 260.4857 126.0776 L 260.4857 18.55703 L 152.8628 18.55703 L 45.23985 18.55703 L 45.23985 126.0776 L 45.23985 233.5982 L 152.8628 233.5982 L 260.4857 233.5982 L 260.4857 126.0776 Z M 103.8963 162.9245 L 103.8963 126.0776 L 116.1702 126.0776 L 128.4441 126.0776 L 128.4441 113.8758 L 128.4441 101.674 L 152.8628 101.674 L 177.2814 101.674 L 177.2814 113.8758 L 177.2814 126.0776 L 189.3835 126.0776 L 201.4856 126.0776 L 201.6573 150.5415 C 201.7517 163.9967 201.829 180.5779 201.8291 187.3885 L 201.8293 199.7715 L 189.6869 199.7715 L 177.5446 199.7715 L 177.4776 187.5093 L 177.4106 175.2471 L 152.7982 175.1855 L 128.1857 175.1239 L 128.1857 187.4477 L 128.1857 199.7715 L 116.041 199.7715 L 103.8963 199.7715 L 103.8963 162.9245 Z M 79.34843 77.02888 L 79.34843 52.62534 L 103.7671 52.62534 L 128.1857 52.62534 L 128.1857 77.02888 L 128.1857 101.4324 L 103.7671 101.4324 L 79.34843 101.4324 L 79.34843 77.02888 Z M 177.5398 77.02888 L 177.5398 52.62534 L 201.9585 52.62534 L 226.3771 52.62534 L 226.3771 77.02888 L 226.3771 101.4324 L 201.9585 101.4324 L 177.5398 101.4324 L 177.5398 77.02888 Z"/>
         </svg>

pages/minecraft.js

@@ -7,6 +7,10 @@ import Image from 'next/image'
 import { faMap, faCopy } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Link from 'next/link'
+import ReactMarkdown from "react-markdown"
+import gfm from 'remark-gfm';
+import ja from '../docs/minecraft/ja.md'
+import en from '../docs/minecraft/en.md'
 
 export default function About(props) {
     const router = useRouter()
@@ -53,6 +57,13 @@ export default function About(props) {
               </a>
               </Link>
               </div>
+              
+              {lang === 'ja' ? (
+                <ReactMarkdown plugins={[gfm]} children={ja} />
+              ) : (
+                <ReactMarkdown plugins={[gfm]} children={en} />
+              )}
+
             </div>
             </Layout>
         )