Initial version of staff page new design

g0v · May 6, 2024 · 0724bdf · 0724bdf
1 parent 1ee5df8
commit 0724bdf
Show file tree

Hide file tree

Showing 36 changed files with 688 additions and 100 deletions.
diff --git a/src/assets/img/staff/77.jpg b/src/assets/img/staff/77.jpg
diff --git a/src/assets/img/staff/ahmin.jpg b/src/assets/img/staff/ahmin.jpg
diff --git a/src/assets/img/staff/allen.jpg b/src/assets/img/staff/allen.jpg
diff --git a/src/assets/img/staff/amos.jpg b/src/assets/img/staff/amos.jpg
diff --git a/src/assets/img/staff/carey.jpg b/src/assets/img/staff/carey.jpg
diff --git a/src/assets/img/staff/che.jpeg b/src/assets/img/staff/che.jpeg
diff --git a/src/assets/img/staff/city.jpg b/src/assets/img/staff/city.jpg
diff --git a/src/assets/img/staff/claire.jpg b/src/assets/img/staff/claire.jpg
diff --git a/src/assets/img/staff/dong.jpg b/src/assets/img/staff/dong.jpg
diff --git a/src/assets/img/staff/elva.jpg b/src/assets/img/staff/elva.jpg
diff --git a/src/assets/img/staff/fanlan.jpg b/src/assets/img/staff/fanlan.jpg
diff --git a/src/assets/img/staff/hou.png b/src/assets/img/staff/hou.png
diff --git a/src/assets/img/staff/ireneann.jpg b/src/assets/img/staff/ireneann.jpg
diff --git a/src/assets/img/staff/jackie.jpg b/src/assets/img/staff/jackie.jpg
diff --git a/src/assets/img/staff/joy.png b/src/assets/img/staff/joy.png
diff --git a/src/assets/img/staff/kangaroo.jpg b/src/assets/img/staff/kangaroo.jpg
diff --git a/src/assets/img/staff/kevin.jpg b/src/assets/img/staff/kevin.jpg
diff --git a/src/assets/img/staff/kuki.jpg b/src/assets/img/staff/kuki.jpg
diff --git a/src/assets/img/staff/lois.jpg b/src/assets/img/staff/lois.jpg
diff --git a/src/assets/img/staff/monica.jpg b/src/assets/img/staff/monica.jpg
diff --git a/src/assets/img/staff/oliver.jpg b/src/assets/img/staff/oliver.jpg
diff --git a/src/assets/img/staff/peter.jpg b/src/assets/img/staff/peter.jpg
diff --git a/src/assets/img/staff/pm5.jpg b/src/assets/img/staff/pm5.jpg
diff --git a/src/assets/img/staff/puchi.jpg b/src/assets/img/staff/puchi.jpg
diff --git a/src/assets/img/staff/ralin.jpg b/src/assets/img/staff/ralin.jpg
diff --git a/src/assets/img/staff/riley.png b/src/assets/img/staff/riley.png
diff --git a/src/assets/img/staff/rschiang.png b/src/assets/img/staff/rschiang.png
diff --git a/src/assets/img/staff/seangau.jpg b/src/assets/img/staff/seangau.jpg
diff --git a/src/assets/img/staff/vanbert.jpg b/src/assets/img/staff/vanbert.jpg
diff --git a/src/assets/img/staff/vivian.jpg b/src/assets/img/staff/vivian.jpg
diff --git a/src/assets/img/staff/whitecat.jpg b/src/assets/img/staff/whitecat.jpg
diff --git a/src/assets/img/staff/yellowsoar.jpg b/src/assets/img/staff/yellowsoar.jpg
diff --git a/src/assets/img/staff/yenchiang.jpg b/src/assets/img/staff/yenchiang.jpg
diff --git a/src/assets/img/staff/zhenshoot.jpg b/src/assets/img/staff/zhenshoot.jpg
diff --git a/src/data/staff.json b/src/data/staff.json
diff --git a/src/pug/staff/index.pug b/src/pug/staff/index.pug
@@ -9,18 +9,21 @@ block main
       h1.border-b.border-neutral-500.pb-3(data-i18n="staff.title") 工作人員
       .text-sm.my-4(data-i18n="staff.subtitle") g0v Summit 2024 籌備團隊
     .my-20
-      each team, key in staff
-        if key == '宣傳' || key == '議程'
-          .mb-12
-            h3.mb-4= key
-            each group, key in team
-              if key !== 'main'
-                h5.mb-4= key
-              .grid.mb-8(class="grid-cols-3 md:grid-cols-5")
-                each person in group
-                  .mb-4= person
-        else
-          h3.mb-4= key
-          .grid.mb-12(class="grid-cols-3 md:grid-cols-5")
-            each person in team
-              .mb-4= person
+      - let volunteers = {}
+      - for (let volunteer of staff.members) volunteers[volunteer.id] = volunteer
+      .grid.mb-12(class="grid-cols-3 md:grid-cols-6 gap-4")
+        mixin staff-avatar(person)
+          if person != null
+            .mb-4.aspect-square.bg-slate-100.rounded-full.flex.items-center.justify-center.cursor-pointer(data-id=person.id)
+              - let person_name = (person.name.zh || '') + (person.name.zh === person.name.en ? '' : ' ' + person.name.en)
+              if person.avatar
+                img.rounded-full(src=person.avatar, alt=person_name)
+              else
+                span.text-center(data-i18n=`staff.${person.id}.name`)= person_name
+        each team in staff.teams
+          each volunteer_id in team.members
+            +staff-avatar(volunteers[volunteer_id])
+          if team.sections
+            each section in team.sections
+              each volunteer_id in section.members
+                +staff-avatar(volunteers[volunteer_id])