diff --git a/src/pages/_assets/hayasaka.jpg b/src/pages/_assets/hayasaka.jpg new file mode 100644 index 0000000..8a8c1b0 Binary files /dev/null and b/src/pages/_assets/hayasaka.jpg differ diff --git a/src/pages/_assets/join_us_code.jpeg b/src/pages/_assets/join_us_code.jpeg new file mode 100644 index 0000000..676198a Binary files /dev/null and b/src/pages/_assets/join_us_code.jpeg differ diff --git a/src/pages/_assets/sharing_on_site.jpg b/src/pages/_assets/sharing_on_site.jpg new file mode 100644 index 0000000..5f43068 Binary files /dev/null and b/src/pages/_assets/sharing_on_site.jpg differ diff --git a/src/pages/about.astro b/src/pages/about.astro deleted file mode 100644 index 23b57b6..0000000 --- a/src/pages/about.astro +++ /dev/null @@ -1,61 +0,0 @@ ---- -import BaseLayout from "../layouts/BaseLayout.astro" -import { computed } from "vue" -import MemberCard from "../components/MemberCard.astro" -import type { PublicMember } from "../store/member.ts" -import { saturdayClient } from "../utils/client" - -const { data: members } = await saturdayClient.GET("/members", { params: {} }) - -// memberId is like "3232323233", the second and third number is the year of the member -const memberGroupByYear = computed(() => { - const group = members - // TODO delete the test member - .filter( - member => - member.memberId != "0000000000" && member.memberId != "2333333333", - ) - .reduce( - (acc, cur) => { - const year = parseInt("20" + cur.memberId.slice(1, 3)) - if (!acc[year]) { - acc[year] = [] - } - acc[year].push(cur) - return acc - }, - {} as Record, - ) - return group -}); ---- - - -
-
-
- 协会成员 -
-
- { - Object.keys(memberGroupByYear.value) - .sort((a, b) => parseInt(b) - parseInt(a)) - .map((year) => { - return ( -
-
{year}
-
- {memberGroupByYear.value[year].map(member => ( - - ))} -
-
- ) - }) - } -
-
-
- diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro new file mode 100644 index 0000000..e503e08 --- /dev/null +++ b/src/pages/about/index.astro @@ -0,0 +1,157 @@ +--- +import BaseLayout from "../../layouts/BaseLayout.astro" +import sharingOnSite from "../_assets/sharing_on_site.jpg" +import joinUsCode from "../_assets/join_us_code.jpeg" +import hayasaka from "../_assets/hayasaka.jpg" + +--- + + +
+
+ +
+ 你听说过 计算机协会 吗？ +
+
+ + 从维修 + + + + + + + + + + + + + + + 到开发 + + + + + + + + + + + + +
+
+ 所有你能想到的，都在我们的活动范围内。 +
+
+
+
+
+
+ +
+
+
开发
+
+ 我们有许多持续维护中的项目 +
+
+ 你可以在 GitHub 上加入我们 +
+ github.com/nbtca +
+
+
+
+ +
+
+
讲座
+
+ 我们会定期举办活动 +
+
+ 分享电脑使用及项目开发上的经验 +
+
+
+
+
+
+ +
+
维修
+
+ 理工维修日 + + + +
+
+ 我们每月举办维修日， +
+
+ 提供免费的电脑维修服务。 +
+ +
+
+
+
+
+
+ 加入协会， +
+
+ 共同创造我们的社区。 +
+
+
+ 进一步了解{" >"} +
+
+
+
+
+ 扫一扫， +
+
+ 获取免费维修。 +
+
+
+ 查看我们的报修小程序{" >"} +
+
+
+
+
+ 海内存知己， +
+
+ 天涯若比邻。 +
+
+
+ + 查看历届成员 + {" >"} + +
+
+
+
+ +
+
+