Add "contents"

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"
 }

i18n/translations.ja.json

@@ -61,5 +61,7 @@
     "shape": "シェイプ",
     "tos": "yude.jp サービス利用規約",
     "input": "ja",
-    "services": "サービス"
+    "services": "サービス",
+    "contents": "コンテンツ",
+    "blog": "ブログ"
 }

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} />

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