Merge pull request #22 from ShanghaitechGeekPie/18-chores-add-contact…

…-info-for-new-developers-and-designers Add role field for contributors and add new designers and developer
ShanghaitechGeekPie · Jun 29, 2024 · 1c2944e · 1c2944e
2 parents cd1f786 + 258da76
commit 1c2944e
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 35 deletions.
diff --git a/src/assets/contributors.json b/src/assets/contributors.json
@@ -2,61 +2,115 @@
   {
     "name": "teafrogsf",
     "home": "qq:861940148",
-    "avatar": "qq:861940148"
+    "avatar": "qq:861940148",
+    "role": "Project Manager"
+  },
+  {
+    "name": "Qingcheng Zhao",
+    "home": "github:Clarivy",
+    "avatar": "github:62002698",
+    "role": "Project Manager, Lead of Frontend Development"
   },
   {
     "name": "WAAutoMaton",
     "home": "github:WAAutoMaton",
-    "avatar": "github:24771667"
+    "avatar": "github:24771667",
+    "role": "Lead of Backend Development, DevOps"
   },
   {
     "name": "yanglinshu",
     "home": "github:yanglinshu",
-    "avatar": "github:46046648"
+    "avatar": "github:46046648",
+    "role": "Former Lead of Frontend Development"
   },
   {
-    "name": "Clarivy",
-    "home": "github:Clarivy",
-    "avatar": "github:62002698"
+    "name": "陆沈欢",
+    "home": "qq:2366384567",
+    "avatar": "qq:2366384567",
+    "role": "Lead UI/UX Design"
   },
   {
     "name": "wenxuanjun",
     "home": "github:wenxuanjun",
-    "avatar": "github:41050170"
+    "avatar": "github:41050170",
+    "role": "Frontend Developer"
   },
   {
-    "name": "陆沈欢",
-    "home": "qq:2366384567",
-    "avatar": "qq:2366384567"
+    "name": "存开心",
+    "home": "qq:2174656630",
+    "avatar": "qq:2174656630",
+    "role": "Frontend Developer"
   },
   {
-    "name": "邓宸希",
-    "home": "qq:3260984912",
-    "avatar": "qq:3260984912"
+    "name": "Tropinone",
+    "home": "qq:1841610434",
+    "avatar": "qq:1841610434",
+    "role": "Frontend Developer"
   },
   {
-    "name": "魏之远",
-    "home": "qq:1258678835",
-    "avatar": "qq:1258678835"
+    "name": "龙啸空",
+    "home": "email:lxk0606@gmail.com",
+    "avatar": "qq:2837931754",
+    "role": "Frontend Developer"
   },
   {
     "name": "失踪猫猫",
     "home": "qq:2330905078",
-    "avatar": "qq:2330905078"
+    "avatar": "qq:2330905078",
+    "role": "Data Analyst"
   },
   {
     "name": "猫剩子",
     "home": "qq:2512031097",
-    "avatar": "qq:2512031097"
+    "avatar": "qq:2512031097",
+    "role": "Data Analyst"
   },
   {
-    "name": "Tropinone",
-    "home": "qq:1841610434,",
-    "avatar": "qq:1841610434"
+    "name": "Astinita",
+    "home": "github:AstatineAi",
+    "avatar": "github:47201556",
+    "role": "Backend Developer"
   },
   {
-    "name": "存开心",
-    "home": "qq:2174656630",
-    "avatar": "qq:2174656630"
+    "name": "KPH",
+    "home": "qq:2653292820",
+    "avatar": "qq:2653292820",
+    "role": "Backend Developer"
+  },
+  {
+    "name": "邓宸希",
+    "home": "qq:3260984912",
+    "avatar": "qq:3260984912",
+    "role": "UI/UX Designer"
+  },
+  {
+    "name": "魏之远",
+    "home": "qq:1258678835",
+    "avatar": "qq:1258678835",
+    "role": "PR Manager"
+  },
+  {
+    "name": "张嘉琦",
+    "home": "email:cnshzhangjiaqi@163.com",
+    "avatar": "qq:3487064682",
+    "role": "UI/UX Designer"
+  },
+  {
+    "name": "黄晓波",
+    "home": "qq:321684298",
+    "avatar": "qq:321684298",
+    "role": "UI/UX Designer"
+  },
+  {
+    "name": "r",
+    "home": "email:ryanawannafly@gmail.com",
+    "avatar": "qq:3160485928",
+    "role": "UI/UX Designer"
+  },
+  {
+    "name": "董润霖",
+    "home": "homepage:https://masodong.notion.site/Mason-Dong-bf0c99969ed046ecab3d101000b35522",
+    "avatar": "qq:2311470535",
+    "role": "UI/UX Designer"
   }
 ]
diff --git a/src/composables/global/useSponsors.js b/src/composables/global/useSponsors.js
@@ -37,6 +37,8 @@ const homeRegistry = {
     desktop: (id) => `tencent://message/?uin=${id}&Site=qq&Menu=yes`,
   },
   github: (id) => `https://github.com/${id}`,
+  email: (id) => `mailto:${id}`,
+  homepage: (id) => id,
 };
 
 /**

diff --git a/src/views/About.vue b/src/views/About.vue
@@ -137,23 +137,27 @@
               <div
                 v-for="(contributor, index) in contributors"
                 :key="index"
-                class="pr-4 pb-sm-4 pb-4 d-flex"
+                class="ma-1 pr-4 pb-sm-4 pb-4 d-flex align-center"
               >
                 <AvatarContainer
                   :src="parseAvatarLink(contributor.avatar)"
                   :name="contributor.name"
+                  :title="contributor.role"
                   size="32"
                 />
-                <a
-                  :href="parseHomeLink(contributor.home)"
-                  :class="[
-                    $vuetify.theme.dark
-                      ? 'inline-text-white'
-                      : 'inline-text-black',
-                    'inline-link-hover ml-2 mt-1',
-                  ]"
-                  >{{ contributor.name }}</a
-                >
+                <div class="ml-2 mt-1">
+                    <div class="font-weight-black">{{ contributor.role }}</div>
+                  <a
+                    :href="parseHomeLink(contributor.home)"
+                    :class="[
+                      $vuetify.theme.dark
+                        ? 'inline-text-white'
+                        : 'inline-text-black',
+                      'inline-link-hover',
+                    ]"
+                    >{{ contributor.name }}</a
+                  >
+                </div>
               </div>
             </div>
           </div>