From 93a7a3071a93fd4353cdf923e48e274b4a4bde34 Mon Sep 17 00:00:00 2001
From: LazuliKao <LazuliKao233@outlook.com>
Date: Tue, 24 Sep 2024 23:16:59 +0800
Subject: [PATCH 1/3] loading="lazy"

---
 src/pages/freshman/join.astro       | 6 ++++--
 src/pages/freshman/react/qrcode.tsx | 1 -
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/freshman/join.astro b/src/pages/freshman/join.astro
index f09a958..665c32f 100644
--- a/src/pages/freshman/join.astro
+++ b/src/pages/freshman/join.astro
@@ -7,13 +7,15 @@ import logo from "./_assets/nbtca.gif";
 <BaseLayout title="加入我们">
   <main>
     <div style="margin: -30px;display:flex; justify-content: center;">
-      <img src={logo.src} style="max-width: 450px;" />
+      <img src={logo.src} style="max-width: 450px;" loading="lazy" />
     </div>
     <div style="display:flex; justify-content: center;font-size: large;">
       加入计算机协会
     </div>
     <ReactChild client:only="react" />
-    <div style="display:flex; justify-content: center;margin-left: 20px;margin-right: 20px;">
+    <div
+      style="display:flex; justify-content: center;margin-left: 20px;margin-right: 20px;"
+    >
       1.本页面仅作计算机协会新人信息登记使用，原则上登记即可加入。但入社后可能仍需要在学校的平台登记，后续请留意群内通知。
       <br />
       2.允许多次提交表单，通常以最后一次提交为准。
diff --git a/src/pages/freshman/react/qrcode.tsx b/src/pages/freshman/react/qrcode.tsx
index e3d483a..ec21dd1 100644
--- a/src/pages/freshman/react/qrcode.tsx
+++ b/src/pages/freshman/react/qrcode.tsx
@@ -30,7 +30,6 @@ function QrCodeContent({ qrcode }: { qrcode: string }) {
         style={{
           display: "flex",
           justifyContent: "center",
-          // flexDirection: "column",
           textAlign: "center",
         }}
       >

From 9e921434f3691312ae363a8d76d9206fe51b2b64 Mon Sep 17 00:00:00 2001
From: LazuliKao <LazuliKao233@outlook.com>
Date: Tue, 24 Sep 2024 23:19:01 +0800
Subject: [PATCH 2/3] fix form

---
 src/utils/client.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/utils/client.ts b/src/utils/client.ts
index bb2ce1d..d53731f 100644
--- a/src/utils/client.ts
+++ b/src/utils/client.ts
@@ -9,6 +9,7 @@ export const saturdayClient = createClient<saturdayPaths>({
 //   baseUrl: "https://active.nbtca.space/",
 // })
 export const activeClient = new ApiClient({
-  BASE: "/active",
+  BASE: "https://active.nbtca.space",
+  // BASE: "/active",
 })
 export * from "./active/types.gen"

From dd6b8e8537f34d580fdde28a1856137f5877eb2d Mon Sep 17 00:00:00 2001
From: ClasWen <clas.wen@icloud.com>
Date: Tue, 24 Sep 2024 23:59:25 +0800
Subject: [PATCH 3/3] update join-us style

---
 src/pages/join-us.astro | 49 ++++++++++++++++++++---------------------
 1 file changed, 24 insertions(+), 25 deletions(-)

diff --git a/src/pages/join-us.astro b/src/pages/join-us.astro
index 04bbdf8..618dc00 100644
--- a/src/pages/join-us.astro
+++ b/src/pages/join-us.astro
@@ -4,43 +4,42 @@ import mp4 from "./_assets/nbtca.mp4";
 ---
 
 <BaseLayout primaryTitle="加入我们">
-  <div class="container">
-    <h2 class="life-at-apple__eyebrow">在 计算机协会</h2>
-    <p class="t-hero-headline-oversized">
-      <span
-        class="t-hero-headline-oversized-span"
-        aria-label="加入我们，共同创造我们的社区。"
-      >
-        <span class="gradient-warm">加入我们，共同创造我们的社区。</span>
-      </span>
-    </p>
-    <div class="body-container">
-      <p class="life-at-apple__body-text">九月二十五日，百团等你！</p>
-    </div>
-    <div class="learn-more-link-container">
-      <div class="learn-more-link">
+  <div class="container pt-16 pb-40">
+    <video width="640" height="360" autoplay="1" muted>
+      <source src={mp4} type="video/mp4" />
+      你的浏览器不支持视频标签。
+    </video>
+    <div class="flex flex-col items-center">
+      <div class="text-3xl md:text-4xl font-bold text-center bg-clip-text text-transparent bg-gradient-to-r from-[#00ccc7] to-[#9583ef]">
+        <div>
+          加入协会
+        </div>
+        <div>
+          共同创造我们的社区
+        </div>
+      </div>
+      <div class="text-lg md:text-xl mt-4 pl-2">
+        九月二十五日，百团等你！
+      </div>
+      <div class="mt-2">
         <a
           href="/posts/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%8D%8F%E4%BC%9A%E5%85%A5%E7%A4%BE%E6%8C%87%E5%8D%97"
           aria-label="进一步了解 NBTCA 的社区和文化"
         >
-          了解在 NBTCA
+          进一步了解我们
         </a>
-        <a class="learn-more-link-after">&gt; </a>
-        <br />
-        <br />
+      </div>
+      <div class="mt-14">
         <a
           href="/freshman/join"
           aria-label="申请加入 NBTCA"
+          class="text-xl"
         >
-          填写入社信息
+          立即登记信息 {">"}
         </a>
-        <a class="learn-more-link-after">&gt; </a>
+
       </div>
     </div>
-    <video width="640" height="360" autoplay muted>
-      <source src={mp4} type="video/mp4" />
-      你的浏览器不支持视频标签。
-    </video>
   </div>
 </BaseLayout>