From 6e2f92209f31c36838da55fbba03c82551322710 Mon Sep 17 00:00:00 2001
From: dorimiamn <dorimiamn@gmail.com>
Date: Tue, 14 Jan 2025 06:00:13 +0900
Subject: [PATCH 1/2] =?UTF-8?q?SNS=E3=83=AA=E3=83=B3=E3=82=AF=E3=81=A4?=
 =?UTF-8?q?=E3=81=8D=E3=81=AE=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3=E3=82=92?=
 =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/page.tsx | 55 +++++++++++++++++-----------------------------------
 1 file changed, 18 insertions(+), 37 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 775be67..4746bf3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,46 +1,27 @@
 import Image from 'next/image'
 
+function SNSLinkWithIcon({href,alt,imageSrc}:{href: string, alt: string, imageSrc: string}) {
+  return (
+    <a href={href} target="_blank" rel="noopener noreferrer" className='mx-2'>
+      <Image
+        src={imageSrc}
+        width={50}
+        height={50}
+        alt={alt}
+      />
+    </a>
+  )
+}
+
 // 各種 SNS Link 用コンポーネント
 
 function SNSLinkComponent() {
   return (
-    <div className="flex flex-row w-full">
-      <a href="https://github.com/dorimiamn" target="_blank" rel="noopener noreferrer">
-        <Image
-          className='mx-2'
-          src="/github-mark.png"
-          width={50}
-          height={50}
-          alt="GitHub"
-        />
-      </a>
-      <a href="https://x.com/dorimiamn" target="_blank" rel="noopener noreferrer">
-        <Image
-          className='mx-2'
-          src="/logo-black-x.png"
-          width={50}
-          height={50}
-          alt="Twitter"
-        />
-      </a>
-      <a href="https://qiita.com/dorimiamn" target="_blank" rel="noopener noreferrer">
-        <Image
-          className='mx-2'
-          src="/qiita-icon.png"
-          width={50}
-          height={50}
-          alt="Qiita"
-        />
-      </a>
-      <a href="https://misskey.kyoupro.com/@dorimiamn" target="_blank" rel="noopener noreferrer">
-        <Image
-          className='mx-2'
-          src="/misskey_icon.png"
-          width={50}
-          height={50}
-          alt="Misskey Kyoupro"
-        />
-      </a>
+    <div className="flex flex-row w-full justify-center items-center">
+      <SNSLinkWithIcon href="https://github.com/dorimiamn" alt="GitHub" imageSrc="/github-mark.png"/>
+      <SNSLinkWithIcon href="https://x.com/dorimiamn" alt="X" imageSrc="/logo-black-x.png"/>
+      <SNSLinkWithIcon href="https://qiita.com/dorimiamn" alt="Qiita" imageSrc="/qiita-icon.png"/>
+      <SNSLinkWithIcon href="https://misskey.kyoupro.com/@dorimiamn" alt="Misskey Kyoupro" imageSrc="/misskey_icon.png"/>
     </div>
   )
 }

From 1d6d534ec14952b84aa785de2bfb1e5da64faebb Mon Sep 17 00:00:00 2001
From: dorimiamn <dorimiamn@gmail.com>
Date: Tue, 14 Jan 2025 06:00:28 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=E3=83=97=E3=83=AD=E3=83=95=E3=82=A3?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E7=94=BB=E5=83=8F=E3=81=8C=E3=81=8A=E3=81=8B?=
 =?UTF-8?q?=E3=81=97=E3=81=8F=E3=81=AA=E3=82=8B=E5=95=8F=E9=A1=8C=E3=81=AB?=
 =?UTF-8?q?=E5=AF=BE=E5=87=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 4746bf3..c12cf0b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -32,14 +32,14 @@ function MyProfileComponent() {
     <div className="container w-4/6 mx-auto my-10">
       <div className="flex flex-row">
         <Image
-          className="rounded-full"
+          className="rounded-full object-contain m-auto"
           src="/profile_icon_square.jpg"
           width={100}
           height={100}
           alt="Picture of dorimiamn's icon"
         />
         <div className="flex flex-col w-5/6 mx-4 my-0">
-          <h1 className="text-4xl mb-2">dorimiamn</h1>
+          <h1 className="text-4xl mt-1 mb-4 text-center">dorimiamn</h1>
           <SNSLinkComponent />
         </div>
       </div>