Update portfolio listing badges for semantic consistency

saadshahd · saadshahd · commit 461f48448ac4 · 2025-10-30T14:30:04.000Z
Changed Statsbomb card badges from all-skill to category+skill approach:
- Added "Real-Time Collaboration" category badge for domain context
- Replaced JavaScript/Ramda with XState (more specific state machine tech)
- Kept Kafka and added ANTLR (DSL implementation)

Creates progressive disclosure: listing shows 1 category + 3 tech badges,
detail page expands to 3 category + 3 tech badges. Consistent semantic
approach where category = system characteristics, skill = technologies.
diff --git a/src/pages/portfolio.astro b/src/pages/portfolio.astro
@@ -25,10 +25,10 @@ import Body from '../components/typography/Body.astro';
             Lessons: Architectural separation eliminates false trade-offs. Team building shapes what's sustainable. Context determines what works.
           </Body>
           <div class="flex flex-wrap gap-2 mb-4">
-            <Badge variant="skill">JavaScript</Badge>
-            <Badge variant="skill">Ramda</Badge>
+            <Badge variant="category">Real-Time Collaboration</Badge>
             <Badge variant="skill">Kafka</Badge>
-            <Badge variant="skill">DSL Design</Badge>
+            <Badge variant="skill">XState</Badge>
+            <Badge variant="skill">ANTLR</Badge>
           </div>
           <Body size="sm" as="div" class="text-neutral">
             Problem → Architecture → Impact → Lessons
