Tweak display and update information

Author: rschiang

src/data/staff.json

@@ -234,7 +234,7 @@
       "name": {"zh": "ddio", "en": "ddio"},
       "avatar": "assets/img/speakers/ddio.jpg",
       "website": "",
-      "bio": ""
+      "bio": "ddio - 主婦，第一間房子專案維護者"
     },
     {
       "id": "coldplay",
@@ -248,7 +248,7 @@
       "name": {"zh": "比鄰", "en": "Billion"},
       "avatar": "assets/img/speakers/billion-lee.jpg",
       "website": "",
-      "bio": ""
+      "bio": "比鄰是個魔法少女"
     },
     {
       "id": "ichieh",

src/pcss/base.pcss

@@ -78,6 +78,7 @@ a:not(.btn, .nav-link) {
 #modal {
   @apply fixed left-0 top-0 w-full h-full z-50 flex items-center justify-center p-4;
   background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(2px);
   transition: all 0.3s ease;
   opacity: 0;
   pointer-events: none;

src/pug/staff/index.pug

@@ -35,7 +35,7 @@ block main
             - let clickable = !!(person?.website || person?.bio)
             - let alt = (person?.name) ? (person.name.zh || '') + (person.name.zh === person.name.en ? '' : ' ' + person.name.en) : person_id
             .staff.flex.flex-col.items-center.justify-center(id=person_id, data-id=person_id)
-              a.w-full.flex.items-center.justify-center.aspect-square.bg-slate-100.rounded-full(href=((!person.website && !person.bio) ? null : (person.bio ? `staff/#${person_id}` : person.website)), rel="external", target=((person.website && !person.bio) ? "_blank" : null))
+              a.w-full.flex.items-center.justify-center.aspect-square.bg-slate-100.rounded-full(href=(!clickable ? null : (person.bio ? `staff/#${person_id}` : person.website)), rel="external", target=((person.website && !person.bio) ? "_blank" : null), class=(clickable ? "cursor-pointer" : null))
                 if person && person.avatar
                   img.w-full.rounded-full(src=person.avatar, alt=alt)
                 else