From 02b1adcf55e1d88eb1028b60c2e125e1a59fbfce Mon Sep 17 00:00:00 2001
From: yude <i@yude.jp>
Date: Wed, 29 Dec 2021 06:41:51 +0900
Subject: [PATCH] Add "contents"

---
 i18n/translations.en.json |  4 +++-
 i18n/translations.ja.json |  4 +++-
 pages/index.js            |  1 -
 pages/profile.js          | 15 ++++++++++++++-
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/i18n/translations.en.json b/i18n/translations.en.json
index 0dcb842..f324c7b 100644
--- a/i18n/translations.en.json
+++ b/i18n/translations.en.json
@@ -61,5 +61,7 @@
     "shape": "Shape",
     "tos": "yude.jp Terms of Service",
     "input": "en",
-    "services": "Services"
+    "services": "Services",
+    "contents": "Contents",
+    "Blog": "Weblog"
 }
\ No newline at end of file
diff --git a/i18n/translations.ja.json b/i18n/translations.ja.json
index 66f0685..7d258bd 100644
--- a/i18n/translations.ja.json
+++ b/i18n/translations.ja.json
@@ -61,5 +61,7 @@
     "shape": "シェイプ",
     "tos": "yude.jp サービス利用規約",
     "input": "ja",
-    "services": "サービス"
+    "services": "サービス",
+    "contents": "コンテンツ",
+    "blog": "ブログ"
 }
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index 754a766..a486d19 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -46,7 +46,6 @@ export default function Index(props) {
             <FAMenu dest="/profile" query={query} icon={faUser} />
             <FAMenu dest="/server" query={query} icon={faServer} />
             <FAMenu dest="/services" query={query} icon={faScrewdriver} />
-            <FAMenu dest="https://scrapbox.io/yude" icon={faBook} />
             <FAMenu dest="https://discord.gg/X6srY7X" icon={faDiscord} />          
             <FAMenu dest="https://github.com/yudejp" icon={faGithub} />
             <FAMenu dest="https://git.yude.jp" icon={faGit} />
diff --git a/pages/profile.js b/pages/profile.js
index e435a64..cca6acf 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -6,7 +6,7 @@ import { useTranslation, useLanguageQuery } from 'next-export-i18n';
 
 // Font Awesome
 import { faDiscord, faTwitter, faGithub, faKeybase, faInstagram, faMastodon, faSteam, faAmazon } from '@fortawesome/free-brands-svg-icons'
-import { faEnvelope, faBirthdayCake, faMapPin, faSchool, faPhone, faInfo, faLink, faMobile } from '@fortawesome/free-solid-svg-icons'
+import { faEnvelope, faBirthdayCake, faMapPin, faSchool, faPhone, faBlog, faBookDead, faInfo, faBookmark, faLink, faMobile } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 // Next.js, React
@@ -86,6 +86,19 @@ export default function Profile(props) {
               <p className="ml-9">{t('hiroshima')}</p>
             </div>
           </div>
+          
+          {
+           // Contents
+          }
+          <div>
+            <div className="text-left">
+                <p className="text-2xl"><FontAwesomeIcon icon={faBookDead} className="w-5 h-5 inline"/> {t('contents')}</p>
+            </div>
+            <div className="my-2 grid grid-cols-2 lg:grid-cols-5 md:grid-cols-3 sm:grid-cols-2justify-items-center gap-y-6">
+              <Contact dest="https://blog.yude.jp" icon={faBlog} caption={t('blog')} />
+              <Contact dest="https://scrapbox.io/yude" icon={faBookmark} caption="Scrapbox" />
+            </div>
+          </div>
   
           {
            // Contact