Update docs

docs/.vuepress/public/images/202401/javascript.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 1052 1052"><path fill="#f0db4f" d="M0 0h1052v1052H0z"/><path d="M965.9 801.1c-7.7-48-39-88.3-131.7-125.9-32.2-14.8-68.1-25.399-78.8-49.8-3.8-14.2-4.3-22.2-1.9-30.8 6.9-27.9 40.2-36.6 66.6-28.6 17 5.7 33.1 18.801 42.8 39.7 45.4-29.399 45.3-29.2 77-49.399-11.6-18-17.8-26.301-25.4-34-27.3-30.5-64.5-46.2-124-45-10.3 1.3-20.699 2.699-31 4-29.699 7.5-58 23.1-74.6 44-49.8 56.5-35.6 155.399 25 196.1 59.7 44.8 147.4 55 158.6 96.9 10.9 51.3-37.699 67.899-86 62-35.6-7.4-55.399-25.5-76.8-58.4-39.399 22.8-39.399 22.8-79.899 46.1 9.6 21 19.699 30.5 35.8 48.7 76.2 77.3 266.899 73.5 301.1-43.5 1.399-4.001 10.6-30.801 3.199-72.101zm-394-317.6h-98.4c0 85-.399 169.4-.399 254.4 0 54.1 2.8 103.7-6 118.9-14.4 29.899-51.7 26.2-68.7 20.399-17.3-8.5-26.1-20.6-36.3-37.699-2.8-4.9-4.9-8.7-5.601-9-26.699 16.3-53.3 32.699-80 49 13.301 27.3 32.9 51 58 66.399 37.5 22.5 87.9 29.4 140.601 17.3 34.3-10 63.899-30.699 79.399-62.199 22.4-41.3 17.6-91.3 17.4-146.6.5-90.2 0-180.4 0-270.9z" fill="#323330"/></svg>

docs/en/development/join.md

@@ -9,52 +9,67 @@ order: 1
 
 If you have one of the following experiences and are interested in joining the Snap Hutao development team to improve this project and get in touch with more Genshin Impact open source projects, welcome to join us!
 
+## Developer
+
+**DGP-Studio Members can**
+
+- [x] contribute features wanted by themselves into Snap Hutao and associated projects
+- [x] get touch with other well-known Genshin Impact community developers
+- [x] get free GitHub Copilot
+- [x] get free 1password Team account
+
+---
+
 <VPBanner
 title="C# .NET Development"
-content="Server development and desktop client development"
+content="<b>Responsible for:</b><br>Snap Hutao client and server development"
 logo="/images/202312/C_sharp.svg"
 :actions='[
 {
-text: "Join",
+text: "Join Dev Community",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
 {
-text: "Snap Hutao",
-link: "https://github.com/DGP-Studio/Snap.Hutao",
-type: "default",
-},
-{
-text: "Snap Hutao Server",
-link: "https://github.com/DGP-Studio/Snap.Hutao.Server",
+text: "Snap Hutao 2024 Roadmap",
+link: "https://github.com/DGP-Studio/Snap.Hutao/issues/1394",
 type: "default",
 },
 ]'
 />
 
+You can pick any issue you want to take charge of from Snap Hutao 2024 Roadmap. Feel free to comment in Roadmap issue page and Dev Community, so the dev team can provide necessary helps.
+
+---
+
 <VPBanner
-title="Web Front-end Development"
-content="Website of Spiral Abyss database from Hutao API<br>Stack: Vue.js, TypeScript"
-logo="/images/202312/Vue.js.svg"
+title="Web Development"
+content="<b>Responsible for:</b><br>Hutao Abyss Database website and Hutao Passport website"
+logo="/images/202401/javascript.svg"
 :actions='[
 {
-text: "Join",
+text: "Join Dev Community",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
-{
-text: "Hutao API Web",
-link: "https://github.com/DGP-Studio/Hutao.API.Web",
-type: "default",
-},
 ]'
 />
 
+Our front-end project includes
+
+- [Snap.Hutao.Passport.Web](https://github.com/DGP-Studio/Snap.Hutao.Passport.Web)
+  - Hutao Passport Web project
+  - You can pick sub-issue from [To-do List](https://github.com/DGP-Studio/Snap.Hutao.Passport.Web/issues/5) you can solve, and get help from dev community
+- [Hutao.API.Web](https://github.com/DGP-Studio/Hutao.API.Web)
+  - Hutao Abyss Database Website project
+
+## Community Maintenance
+
 <VPBanner
 title="Document Maintenance"
 content="Maintain Snap Hutao documents<br>Requirement: familiar with Markdown syntax and basic concept of software development "
 logo="/images/202312/documents.svg"
 :actions='[
 {
-text: "Join",
+text: "Join Dev Community",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
 {
@@ -71,7 +86,7 @@ content="Creation of Snap Hutao promotion and tutorial videos"
 logo="/images/202312/video-editing.svg"
 :actions='[
 {
-text: "Join",
+text: "Join Dev Community",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
 ]'

docs/zh/development/join.md

@@ -9,11 +9,22 @@ order: 1
 
 如果你有以下经验之一且有兴趣完善这个项目，并接触到更多的原神开源项目，欢迎加入我们！
 
-对于 Snap Hutao 桌面端项目，你只需要发起你的 Pull Request，解决当前已有的 issue 或增加你想要实现的功能，我们会邀请多次 PR 的合作者加入 Snap Hutao 开发团队。当你准备修复某一个 issue 中的问题时，请务必留言告知他人你已认领当前问题，防止重复工作。
+## 软件开发
+
+**DGP-Studio 的组织成员可以：**
+
+- [x] 向 Snap Hutao 和关联项目添加自己设计的功能
+- [x] 接触到其它知名原神社区项目的开发者
+- [x] 获得免费的 GitHub Copilot
+- [x] 获得免费的 1password Team 账号
+
+你可以在 [GitHub DGP-Studio People](https://github.com/orgs/DGP-Studio/people) 页面查看当前公开的组织成员列表
+
+---
 
 <VPBanner
 title="C# .NET 开发"
-content="负责内容：服务端开发和桌面端开发"
+content="<b>负责内容</b>：<br>Snap Hutao 客户端和服务端的开发工作"
 logo="/images/202312/C_sharp.svg"
 :actions='[
 {
@@ -21,38 +32,56 @@ text: "加入开发者交流群",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
 {
-text: "桌面端",
-link: "https://github.com/DGP-Studio/Snap.Hutao",
-type: "default",
-},
-{
-text: "服务端",
-link: "https://github.com/DGP-Studio/Snap.Hutao.Server",
+text: "Snap Hutao 2024 开发规划",
+link: "https://github.com/DGP-Studio/Snap.Hutao/issues/1394",
 type: "default",
 },
 ]'
 />
 
+你可以从 Snap Hutao 2024 开发规划中任意选取你愿意实现的项目并接手负责。你可以在该议题下发表回复或通过开发者交流群与开发团队合作解决你在开发中遇到的问题。
+
+---
+
 <VPBanner
 title="网页前端开发"
-content="负责内容：基于胡桃 API 的深渊数据库网页<br>技术栈：Vue.js, TypeScript"
-logo="/images/202312/Vue.js.svg"
+content="<b>负责内容</b>：<br>胡桃深渊数据库网页版和胡桃通行证网页项目"
+logo="/images/202401/javascript.svg"
 :actions='[
 {
 text: "加入开发者交流群",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
+]'
+/>
+
+我们的前端项目有：
+
+- [Snap.Hutao.Passport.Web](https://github.com/DGP-Studio/Snap.Hutao.Passport.Web)
+  - 胡桃通行证的网页项目
+  - 你可以从项目的[待办事项](https://github.com/DGP-Studio/Snap.Hutao.Passport.Web/issues/5)中选取你愿意接手负责的部分，并通过开发者交流群与我们取得联系以获取帮助
+- [Hutao.API.Web](https://github.com/DGP-Studio/Hutao.API.Web)
+  - 胡桃深渊数据库网页版项目
+
+---
+
+## 社区维护
+
+<VPBanner
+title="社区管理"
+content="<b>负责内容：</b><br>维护社区秩序；收集社区中用户提出的问题并与开发团队合作以处理常见问题"
+logo="/images/202312/community.svg"
+:actions='[
 {
-text: "胡桃数据库网页版（开发中）",
-link: "https://github.com/DGP-Studio/Hutao.API.Web",
-type: "default",
+text: "加入开发者交流群",
+link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
 ]'
 />
 
 <VPBanner
 title="文档维护"
-content="负责内容：网页文档的内容更新<br>要求：熟悉markdown语法并对软件开发有基础了解"
+content="<b>负责内容：</b><br>定期检查文档以更新过时的文档"
 logo="/images/202312/documents.svg"
 :actions='[
 {
@@ -69,17 +98,12 @@ type: "default",
 
 <VPBanner
 title="视频创作"
-content="负责内容：软件宣传和教程视频的创作"
+content="<b>负责内容：</b><br>Snap Hutao 软件宣传和教程视频的创作"
 logo="/images/202312/video-editing.svg"
 :actions='[
 {
 text: "加入开发者交流群",
 link:"http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XJPjE6ffuYPkZmXvujdP1ZDY2BqL8RDg&authKey=YHBYvW4KmPUpPjGwYwGduG7ZELhFIkd9QxLHuwBFmm4UvQH1ThWiv%2FKPgeckiqt4&noverify=0&group_code=982424236",
 },
-{
-text: "Snap Hutao 文档",
-link: "https://github.com/DGP-Studio/Snap.Hutao.Docs",
-type: "default",
-},
 ]'
 />