Extend footer.yml and Adjust Layout

Author: meo2326cc

_data/footer.yml

@@ -23,11 +23,29 @@ social_links:
 
 staffs:
   - name: Mu-Fan Teng
+    title: Chief Organizer
     avatar: /assets/images/ryudoawaru.jpg
     x_id: ryudoawaru
     facebook: https://www.facebook.com/ryudoawaru
     ig_id: ryudoawaru
     github_id: ryudoawaru
   - name: Xillinna
+    title: Main Designer
     avatar: /assets/images/Xillinna.jpg
-    ig_id: xillinna.daily
+    ig_id: xillinna.daily
+  - name: Cadie Bui
+    title: Website Frontend Engineer
+    avatar: /assets/images/cadie.jpg
+    github_id: CadieBui
+  - name: Kasa Hsiao
+    title: Code Party Organizer
+    avatar: /assets/images/umbrella-h.jpg
+    github_id: umbrella-h
+  - name: Yu-Chi Wei
+    title: Staff
+    avatar: /assets/images/snowmint.jpg
+    github_id: snowmint
+  - name: Meo Chiang
+    title: Website Frontend Engineer
+    avatar: /assets/images/meo2326cc.png
+    github_id: meo2326cc

_includes/footer.html

@@ -98,7 +98,7 @@ <h3 class="text-3xl text-center font-bold text-red-normal">
       >
         <div class="relative w-full p-4 bg-white">
           <div
-            class="grid grid-cols-1 md:grid-cols-3 gap-x-4 justify-center items-center text-center"
+            class="grid grid-cols-1 md:grid-cols-3 gap-x-4 gap-y-6 justify-center items-center text-center"
           >
             {% for staff in site.data.footer.staffs %}
             <div class="flex flex-col items-center gap-4">
@@ -112,9 +112,12 @@ <h3 class="text-3xl text-center font-bold text-red-normal">
                   alt="{{staff.name}}"
                 />
               </div>
-              <span class="mt-2 text-lg text-blue-normal font-bold"
-                >{{staff.name}}</span
+              <h4 class="text-lg text-blue-normal font-bold"
+                >{{staff.name}}</h4
               >
+              {% if staff.title %}
+              <h5 class="text-base text-blue-normal font-bold">{{staff.title}}</h5>
+              {% endif %}
               <div class="flex gap-x-2">
                 {% if staff.github_id %}
                 <a