feat: hide duplicate nameJa and nameEn of members

Author: aster-void

src/pages/members.astro

@@ -54,8 +54,14 @@ const members = await getMembers();
                 class="skeleton rounded-none"
               />
               <div class="absolute bottom-0 w-full min-w-45 bg-gradient-to-b from-transparent to-black px-6 pt-12 pb-6 text-white transition-all">
-                <h2 class="text-3xl">{member.data.nameJa}</h2>
-                <p class="text-md">{member.data.nameEn}</p>
+                {member.data.nameJa === member.data.nameEn ? (
+                  <h2 class="mb-4 text-4xl">{member.data.nameJa}</h2>
+                ) : (
+                  <>
+                    <h2 class="text-3xl">{member.data.nameJa}</h2>
+                    <p class="text-md">{member.data.nameEn}</p>
+                  </>
+                )}
                 <p class="mt-2 text-xs leading-normal">
                   {member.data.description}
                 </p>

src/pages/members/[...id].astro

@@ -39,12 +39,18 @@ const articles = await getArticles({
         class="mx-auto flex h-full w-full max-w-5xl items-center justify-around"
       >
         <div class="w-fit flex-1 px-4 py-12">
-          <h1 class="text-3xl lg:text-6xl">
-            {member.data.nameJa}
-          </h1>
-          <h2 class="text-md mt-1 md:mt-4 md:text-xl lg:text-2xl">
-            {member.data.nameEn}
-          </h2>
+          {
+            member.data.nameJa === member.data.nameEn ? (
+              <h1 class="pb-6 text-4xl lg:text-7xl">{member.data.nameJa}</h1>
+            ) : (
+              <>
+                <h1 class="text-3xl lg:text-6xl">{member.data.nameJa}</h1>
+                <h2 class="text-md mt-1 md:mt-4 md:text-xl lg:text-2xl">
+                  {member.data.nameEn}
+                </h2>
+              </>
+            )
+          }
           <div class="mt-4 flex gap-4 text-4xl md:mt-6">
             {
               member.data.github && (