diff --git a/app/studio/page.tsx b/app/studio/page.tsx index 43cf4c7..79347b4 100644 --- a/app/studio/page.tsx +++ b/app/studio/page.tsx @@ -64,8 +64,20 @@ export default function StudioPage() {

{member.name}

-

- {member.role} + {/* Each segment is its own non-breaking span: the line now + wraps on three cards out of three, and left to itself the + browser would break "Co-founder" at its hyphen. */} +

+ {member.role.split(" · ").map((part, index) => ( + + {index > 0 && ( + + · + + )} + {part} + + ))}

{member.bio} diff --git a/lib/studio.ts b/lib/studio.ts index 328079e..d108aad 100644 --- a/lib/studio.ts +++ b/lib/studio.ts @@ -7,6 +7,9 @@ export type Member = { name: string; + /** Co-founder first, then what the person actually does day to day. The + * three of them founded the studio together, so the word opens every card + * rather than singling anyone out. */ role: string; bio: string; /** null until a real photo is shot — the UI falls back to the logo mark. */ @@ -16,19 +19,19 @@ export type Member = { export const TEAM: Member[] = [ { name: "Mathew Simon", - role: "CEO · Developer", + role: "Co-founder · CEO · Developer", bio: "Builds the systems, gameplay loops and tools that bring our worlds to life.", photo: "/image/Studio/Teams/CEO_Dev.jpg", }, { name: "Kevin Tostivin", - role: "3D Artist · Art Director", + role: "Co-founder · 3D Artist · Art Director", bio: "Shapes the visual identity, environments and overall look of every Highland Games world.", photo: "/image/Studio/Teams/Kevin.jpeg", }, { name: "Axel Mermet", - role: "3D Animator", + role: "Co-founder · 3D Animator", bio: "Brings characters and creatures to life, giving motion and feel to everything on screen.", photo: "/image/Studio/Teams/Axel.jpg", },