Add role in project cards

exampleSite/content/posts/customization/home-page/featured-projects.md

@@ -44,6 +44,7 @@ icon: code
 title: Featured Projects
 items:
   - title: CLI Task Manager
+    role: Creator & maintainer
     description: A terminal app for tasks, time tracking, and reports.
     type: Personal
     accent: cyan
@@ -66,6 +67,7 @@ Useful section fields:
 Each project card supports:
 
 - `title`: project name.
+- `role`: optional project role. It will be shown as subtitle below the project title.
 - `description`: short summary. Keep it concise because cards clamp long text.
 - `type`: optional category label such as `Work`, `Open Source`, or `Personal`.
 - `label`: fallback category label if `type` is omitted.
@@ -82,6 +84,7 @@ icon: repository
 title: Selected Work
 items:
   - title: Nexus API Gateway
+    role: Technical lead
     description: A high-performance API gateway with dynamic routing, rate limiting, and observability hooks.
     accent: purple
     type: Work
@@ -95,6 +98,7 @@ items:
         icon: external
 
   - title: NetOps CLI
+    role: Creator & maintainer
     description: A terminal-based toolkit for diagnosing network latency and container connectivity.
     accent: emerald
     type: Open Source

exampleSite/data/home/featured-projects.yaml

@@ -4,6 +4,7 @@ icon: code
 title: Featured Projects
 items:
   - title: Nexus API Gateway
+    role: Technical lead
     description: A high-performance API gateway built in Go, capable of handling
       50k+ req/sec with dynamic routing and rate limiting.
     accent: purple
@@ -17,6 +18,7 @@ items:
         url: https://demo.example.com/nexus-api-gateway
         icon: external
   - title: NetOps CLI
+    role: Creator & maintainer
     description: A terminal-based toolkit written in Rust for diagnosing network
       latencies and container connectivity.
     accent: cyan

layouts/_partials/home/cards/project.html

@@ -3,8 +3,13 @@
 {{- $projectType := or .type .label -}}
 
 <article class="group nerdy-card nerdy-card-hover {{ $accentClasses.card }} relative flex flex-col overflow-hidden p-5">
-  <div class="mb-2 flex items-start justify-between gap-3">
-    <h3 class="min-w-0 text-lg font-bold nerdy-card-title {{ $accentClasses.title }}">{{ .title }}</h3>
+  <div class="mb-3 flex items-start justify-between gap-3">
+    <div class="min-w-0">
+      <h3 class="text-lg font-bold nerdy-card-title {{ $accentClasses.title }}">{{ .title }}</h3>
+      {{ with .role }}
+        <p class="mt-1 line-clamp-2 text-xs font-medium leading-5 nerdy-muted-soft">{{ . }}</p>
+      {{ end }}
+    </div>
     {{ with $projectType }}
       <span class="{{ $accentClasses.chip }} shrink-0 uppercase">{{ . }}</span>
     {{ end }}