From dc69005b18fe13e359a0075fa47c7259a4ae0a80 Mon Sep 17 00:00:00 2001
From: Qing Bi Liao <78472206+Pencil126@users.noreply.github.com>
Date: Mon, 16 Mar 2026 10:40:02 +0000
Subject: [PATCH 1/3] =?UTF-8?q?Fix:=20=E4=BF=AE=E6=AD=A3CSS=E8=88=8A?=
 =?UTF-8?q?=E8=AA=9E=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/buttons/reverse_colors_button.js |  2 +-
 src/components/buttons/slider_button.js         | 10 +++++-----
 src/templates/member_page.js                    |  6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/buttons/reverse_colors_button.js b/src/components/buttons/reverse_colors_button.js
index 38dc6a0..29da610 100644
--- a/src/components/buttons/reverse_colors_button.js
+++ b/src/components/buttons/reverse_colors_button.js
@@ -32,7 +32,7 @@ const ReverseColorsButton = ({
   return (
     <button
       className={`
-        w-fit py-3 px-6 rounded-full break-words 
+        w-fit py-3 px-6 rounded-full wrap-break-word 
         bg-transparent border ${borderColor} 
         ${textColor} ${hoverTextColor} ${hoverBg}
         transition-colors duration-200
diff --git a/src/components/buttons/slider_button.js b/src/components/buttons/slider_button.js
index 7087efe..551a9b5 100644
--- a/src/components/buttons/slider_button.js
+++ b/src/components/buttons/slider_button.js
@@ -44,24 +44,24 @@ const SliderButton = ({
             <>
               <Icon
                 icon="mdi:loading"
-                className={`${textSize} animate-spin flex-shrink-0`}
+                className={`${textSize} animate-spin shrink-0`}
               />
               <span className={textSize}>{loadingText}</span>
             </>
           ) : (
             <>
               {icon && (
-                <Icon icon={icon} className={`${textSize} flex-shrink-0`} />
+                <Icon icon={icon} className={`${textSize} shrink-0`} />
               )}
-              <span className={`${textSize} break-words`}>{text}</span>
+              <span className={`${textSize} wrap-break-word`}>{text}</span>
             </>
           )}
         </div>
 
         {/* 懸停狀態 */}
         <div className="h-12 flex items-center justify-center text-btnbg gap-2">
-          {icon && <Icon icon={icon} className={`${textSize} flex-shrink-0`} />}
-          <span className={`${textSize} break-words`}>{displayHoverText}</span>
+          {icon && <Icon icon={icon} className={`${textSize} shrink-0`} />}
+          <span className={`${textSize} wrap-break-word`}>{displayHoverText}</span>
         </div>
       </div>
     </button>
diff --git a/src/templates/member_page.js b/src/templates/member_page.js
index 807186b..a225db1 100644
--- a/src/templates/member_page.js
+++ b/src/templates/member_page.js
@@ -66,7 +66,7 @@ const MemberPage = (props) => {
         <div className="flex justify-items-center">
           <p className="my-8 m-auto">
             <a
-              className="w-fit py-3 px-6 rounded-full break-words bg-transparent border border-gray-700 hover:bg-btnbg text-gray-800 hover:text-white"
+              className="w-fit py-3 px-6 rounded-full wrap-break-word bg-transparent border border-gray-700 hover:bg-btnbg text-gray-800 hover:text-white"
               href="/members"
             >
               <nobr>返回歷屆幹部</nobr>
@@ -97,7 +97,7 @@ const MemberCard = (props) => {
       <h3 className="text-2xl font-bold py-4">
         {member.position + " " + member.name}
       </h3>
-      <hr className="border-1 border-iosbgblue" />
+      <hr className="border border-iosbgblue" />
 
       {/* description 介紹*/}
       <p className="my-4">{member.description}</p>
@@ -113,7 +113,7 @@ const MemberCard = (props) => {
                 rel="noopener noreferrer"
                 className="w-full"
               >
-                <div className="flex gap-3 items-center w-fit py-1 px-5 rounded-full break-words bg-transparent border border-gray-700 hover:bg-btnbg text-gray-800 hover:text-white break-normal">
+                <div className="flex gap-3 items-center w-fit py-1 px-5 rounded-full wrap-break-word bg-transparent border border-gray-700 hover:bg-btnbg text-gray-800 hover:text-white break-normal">
                   {createMemberLinkIcon(link.icon_type)}
                   {link.text}
                 </div>

From 17a75caf7a729d7c78cdb794e4f4471ce894378e Mon Sep 17 00:00:00 2001
From: Qing Bi Liao <78472206+Pencil126@users.noreply.github.com>
Date: Mon, 16 Mar 2026 10:40:40 +0000
Subject: [PATCH 2/3] =?UTF-8?q?[iOS=20App=E7=99=BB=E5=A0=B4=E6=99=82?=
 =?UTF-8?q?=E5=88=BB]=20=E6=9B=B4=E6=8F=9B=E5=85=A5=E7=A4=BE=E8=A1=A8?=
 =?UTF-8?q?=E5=96=AE=E6=8C=89=E9=88=95=E7=82=BA=E7=AB=B6=E8=B3=BD=E5=A0=B1?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar.js | 8 +++++---
 src/pages/index.js       | 9 ++++++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/navbar.js b/src/components/navbar.js
index 41d6d5e..c6ab93f 100644
--- a/src/components/navbar.js
+++ b/src/components/navbar.js
@@ -140,17 +140,19 @@ export default Navbar;
 const JoinUsButton = ({ fullWidth = false }) => (
   <button
     className={`relative overflow-hidden text-white text-base font-semibold ${fullWidth ? "w-full" : "w-fit"} px-10 py-2.5 rounded-full transition-all duration-300 active:scale-95
-      bg-gradient-to-b from-[#5a6fa0] to-[#445484]
+      bg-linear-to-b from-[#5a6fa0] to-btnbg
       border border-white/25
       shadow-[inset_0_1px_0_rgba(255,255,255,0.28),0_4px_14px_rgba(68,84,132,0.45)]
       hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.38),0_6px_20px_rgba(68,84,132,0.60)]
       hover:from-[#6a80b4] hover:to-[#5264a0]`}
     onClick={() => {
       // 修改JoinUs的入社連結，需同時修改index.js
-      window.open("https://forms.gle/QWK8jUoNz6sNeYtn7", "_blank");
+      // window.open("https://forms.gle/QWK8jUoNz6sNeYtn7", "_blank");
+      window.open("https://iosappcompetition-2026.onrender.com", "_blank");
     }}
   >
-    Join Us
+    {/* {{ Join Us }} */}
+    競賽報名
   </button>
 );
 
diff --git a/src/pages/index.js b/src/pages/index.js
index 4a91ccf..8ba9981 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -50,15 +50,18 @@ const IndexPage = (props) => {
               <button
                 className="overflow-hidden group h-12 px-6 border border-btnbg rounded-xs"
                 onClick={() => {
-                  window.open("https://forms.gle/QWK8jUoNz6sNeYtn7", "_blank");
+                  // window.open("https://forms.gle/QWK8jUoNz6sNeYtn7", "_blank");
+                  window.open("https://iosappcompetition-2026.onrender.com", "_blank");
                 }}
               >
                 <div className="transition duration-200 group-hover:-translate-y-12">
                   <div className="h-12 flex items-center justify-center text-btnbg wrap-break-word">
-                    Join Us
+                    {/* {{ Join Us }} */}
+                    競賽報名
                   </div>
                   <div className="h-12 flex items-center justify-center text-btnbg wrap-break-word">
-                    Welcome
+                    {/* {{ Welcome }} */}
+                    Go
                   </div>
                 </div>
               </button>

From e662075531e9764f985f32fef05e11d3765ea9bb Mon Sep 17 00:00:00 2001
From: Qing Bi Liao <78472206+Pencil126@users.noreply.github.com>
Date: Mon, 16 Mar 2026 10:41:24 +0000
Subject: [PATCH 3/3] Prettier

---
 src/components/buttons/slider_button.js | 8 ++++----
 src/pages/index.js                      | 5 ++++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/buttons/slider_button.js b/src/components/buttons/slider_button.js
index 551a9b5..b44ba8e 100644
--- a/src/components/buttons/slider_button.js
+++ b/src/components/buttons/slider_button.js
@@ -50,9 +50,7 @@ const SliderButton = ({
             </>
           ) : (
             <>
-              {icon && (
-                <Icon icon={icon} className={`${textSize} shrink-0`} />
-              )}
+              {icon && <Icon icon={icon} className={`${textSize} shrink-0`} />}
               <span className={`${textSize} wrap-break-word`}>{text}</span>
             </>
           )}
@@ -61,7 +59,9 @@ const SliderButton = ({
         {/* 懸停狀態 */}
         <div className="h-12 flex items-center justify-center text-btnbg gap-2">
           {icon && <Icon icon={icon} className={`${textSize} shrink-0`} />}
-          <span className={`${textSize} wrap-break-word`}>{displayHoverText}</span>
+          <span className={`${textSize} wrap-break-word`}>
+            {displayHoverText}
+          </span>
         </div>
       </div>
     </button>
diff --git a/src/pages/index.js b/src/pages/index.js
index 8ba9981..278f36d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -51,7 +51,10 @@ const IndexPage = (props) => {
                 className="overflow-hidden group h-12 px-6 border border-btnbg rounded-xs"
                 onClick={() => {
                   // window.open("https://forms.gle/QWK8jUoNz6sNeYtn7", "_blank");
-                  window.open("https://iosappcompetition-2026.onrender.com", "_blank");
+                  window.open(
+                    "https://iosappcompetition-2026.onrender.com",
+                    "_blank",
+                  );
                 }}
               >
                 <div className="transition duration-200 group-hover:-translate-y-12">