From 8a62ee4d669a0232f16cec9ef3cb4b2e7584ffaa Mon Sep 17 00:00:00 2001 From: Jem Gillam <6413628+jemgillam@users.noreply.github.com> Date: Fri, 28 Aug 2026 18:35:28 +0100 Subject: [PATCH 1/5] Add locations --- src/components/ambassador-grid.tsx | 16 +- src/components/info-card/ambassador-data.tsx | 152 +++++++++++++++++++ 2 files changed, 167 insertions(+), 1 deletion(-) diff --git a/src/components/ambassador-grid.tsx b/src/components/ambassador-grid.tsx index e6304e7b8d..0f84d5bd81 100644 --- a/src/components/ambassador-grid.tsx +++ b/src/components/ambassador-grid.tsx @@ -5,7 +5,21 @@ function buildRows(ambassador: Ambassador): InfoCardRow[] { return [ { type: "label", - label: ambassador.label, + label: ( + <> + {ambassador.label} + {ambassador.location ? ( + + {ambassador.location.flag} + + ) : null} + > + ), }, { type: "image", diff --git a/src/components/info-card/ambassador-data.tsx b/src/components/info-card/ambassador-data.tsx index 230b1634a9..86a511241f 100644 --- a/src/components/info-card/ambassador-data.tsx +++ b/src/components/info-card/ambassador-data.tsx @@ -23,6 +23,10 @@ export interface Ambassador { alt: string organization: string tags: AmbassadorTag[] + location?: { + name: string + flag: string + } } export const ambassadors202509: Ambassador[] = [ @@ -31,6 +35,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/aexol.png", alt: "Artur Czemiel", organization: "GraphQL Editor", + location: { + name: "Poland", + flag: "๐ต๐ฑ", + }, tags: [ { label: "Bluesky", @@ -54,6 +62,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/donna-zhou.jpg", alt: "Donna Zhou", organization: "GraphQL Java", + location: { + name: "Australia", + flag: "๐ฆ๐บ", + }, tags: [ { label: "GitHub", @@ -72,6 +84,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/dotansimha.png", alt: "Dotan Simha", organization: "The Guild", + location: { + name: "Israel", + flag: "๐ฎ๐ฑ", + }, tags: [ { label: "GitHub", @@ -90,6 +106,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/eddeee888.png", alt: "Eddy Nguyen", organization: "Code Generator", + location: { + name: "Australia", + flag: "๐ฆ๐บ", + }, tags: [ { label: "GitHub", @@ -118,6 +138,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/erikwrede.png", alt: "Erik Wrede", organization: "Strawberry GraphQL", + location: { + name: "Germany", + flag: "๐ฉ๐ช", + }, tags: [ { label: "GitHub", @@ -136,6 +160,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/itamar-kestenbaum.jpg", alt: "Itamar Kestenbaum", organization: "Meta Platforms", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "Facebook", @@ -159,6 +187,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/jamie-barton.jpg", alt: "Jamie Barton", organization: "CartQL", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "GitHub", @@ -187,6 +219,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/jeff-auriemma.jpg", alt: "Jeff Auriemma", organization: "Apollo", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "Bluesky", @@ -215,6 +251,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/jemgillam.png", alt: "Jem Gillam", organization: "Graphile", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "Bluesky", @@ -238,6 +278,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/captbaritone.png", alt: "Jordan Eldredge", organization: "Meta", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "GitHub", @@ -266,6 +310,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/jovidecroock.png", alt: "Jovi De Croock", organization: "GraphQL.js", + location: { + name: "Belgium", + flag: "๐ง๐ช", + }, tags: [ { label: "GitHub", @@ -294,6 +342,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/xuorig.png", alt: "Marc-Andre Giroux", organization: "Netflix", + location: { + name: "Canada", + flag: "๐จ๐ฆ", + }, tags: [ { label: "BlueSky", @@ -322,6 +374,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/michael-watson.png", alt: "Michael Watson", organization: "Independent", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "BlueSky", @@ -345,6 +401,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/patrick91.png", alt: "Patrick Arminio", organization: "Strawberry GraphQL", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "BlueSky", @@ -368,6 +428,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/kitten.png", alt: "Phil Pluckthun", organization: "urql & gql.tada", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "BlueSky", @@ -396,6 +460,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/sarah-sanders.jpg", alt: "Sarah Sanders", organization: "PostHog", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "LinkedIn", @@ -409,6 +477,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/fotoetienne.png", alt: "Stephen Spalding", organization: "Netflix", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "GitHub", @@ -432,6 +504,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "https://github.com/tazsingh.png", alt: "Taz Singh", organization: "Guild", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "GitHub", @@ -450,6 +526,10 @@ export const ambassadors202509: Ambassador[] = [ imageUrl: "/img/ambassadors/warren-day.jpeg", alt: "Warren Day", organization: "Overstacked", + location: { + name: "United Kingdom", + flag: "๐ฌ๐ง", + }, tags: [ { label: "LinkedIn", @@ -471,6 +551,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/vliegveld5.png", alt: "An Ngo", organization: "bol", + location: { + name: "Netherlands", + flag: "๐ณ๐ฑ", + }, tags: [ { label: "GitHub", @@ -489,6 +573,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/spyl94.png", alt: "Aurรฉlien David", organization: "Pennylane", + location: { + name: "France", + flag: "๐ซ๐ท", + }, tags: [ { label: "GitHub", @@ -512,6 +600,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "/img/ambassadors/chanda-raj-kumar.jpg", alt: "Chanda Raj Kumar", organization: "KL University Hyderabad", + location: { + name: "India", + flag: "๐ฎ๐ณ", + }, tags: [ { label: "LinkedIn", @@ -525,6 +617,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/dariuszkuc.png", alt: "Derek Kuc", organization: "Apollo", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "Bluesky", @@ -553,6 +649,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/gilgardosh.png", alt: "Gil Gardosh", organization: "The Guild", + location: { + name: "Israel", + flag: "๐ฎ๐ฑ", + }, tags: [ { label: "GitHub", @@ -576,6 +676,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "/img/ambassadors/giuseppe-abrignani.jpg", alt: "Giuseppe Abrignani", organization: "Oranj Tech", + location: { + name: "Denmark", + flag: "๐ฉ๐ฐ", + }, tags: [ { label: "LinkedIn", @@ -589,6 +693,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "/img/ambassadors/jayant-acharya.jpg", alt: "Jayant Acharya", organization: "Techsophy", + location: { + name: "India", + flag: "๐ฎ๐ณ", + }, tags: [ { label: "GitHub", @@ -607,6 +715,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: " https://github.com/n1ru4l.png", alt: "Laurin Quast", organization: "The Guild", + location: { + name: "Germany", + flag: "๐ฉ๐ช", + }, tags: [ { label: "GitHub", @@ -630,6 +742,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/phryneas.png", alt: "Lenz Weber-Tronic", organization: "Apollo", + location: { + name: "Germany", + flag: "๐ฉ๐ช", + }, tags: [ { label: "Bluesky", @@ -658,6 +774,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/riginoommen.png", alt: "Rigin Oommen", organization: "Red Hat", + location: { + name: "India", + flag: "๐ฎ๐ณ", + }, tags: [ { label: "GitHub", @@ -676,6 +796,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "/img/ambassadors/sabrina-wasserman.jpg", alt: "Sabrina Wasserman", organization: "Facebook", + location: { + name: "United States", + flag: "๐บ๐ธ", + }, tags: [ { label: "GitHub", @@ -694,6 +818,10 @@ export const ambassadors202512: Ambassador[] = [ imageUrl: "https://github.com/EmrysMyrddin.png", alt: "Valentin Cocaud", organization: "Independent", + location: { + name: "France", + flag: "๐ซ๐ท", + }, tags: [ { label: "GitHub", @@ -715,6 +843,10 @@ export const ambassadors202603: Ambassador[] = [ imageUrl: "/img/ambassadors/akshat-sharma.jpg", alt: "Akshat Sharma", organization: "Deskree", + location: { + name: "India", + flag: "๐ฎ๐ณ", + }, tags: [ { label: "LinkedIn", @@ -733,6 +865,10 @@ export const ambassadors202603: Ambassador[] = [ imageUrl: "/img/ambassadors/ayush-more.jpg", alt: "Ayush More", organization: "Independent", + location: { + name: "India", + flag: "๐ฎ๐ณ", + }, tags: [ { label: "GitHub", @@ -756,6 +892,10 @@ export const ambassadors202603: Ambassador[] = [ imageUrl: "/img/ambassadors/emily-goodwin.jpg", alt: "Emily Goodwin", organization: "Independent", + location: { + name: "Canada", + flag: "๐จ๐ฆ", + }, tags: [ { label: "GitHub", @@ -774,6 +914,10 @@ export const ambassadors202603: Ambassador[] = [ imageUrl: "https://github.com/IvanGoncharov.png", alt: "Ivan Goncharov", organization: "APIs.guru", + location: { + name: "Ukraine", + flag: "๐บ๐ฆ", + }, tags: [ { label: "GitHub", @@ -795,6 +939,10 @@ export const ambassadors202606: Ambassador[] = [ imageUrl: "/img/ambassadors/christian-ernst.jpg", alt: "Christian Ernst", organization: "Booking.com", + location: { + name: "Netherlands", + flag: "๐ณ๐ฑ", + }, tags: [ { label: "LinkedIn", @@ -808,6 +956,10 @@ export const ambassadors202606: Ambassador[] = [ imageUrl: "/img/ambassadors/zeljko-kozina.jpg", alt: "ลฝeljko Kozina", organization: "Chronomill", + location: { + name: "Ireland", + flag: "๐ฎ๐ช", + }, tags: [ { label: "LinkedIn", From 6bfc80c7b6352f7c5ca0ae942be79897c0685aa8 Mon Sep 17 00:00:00 2001 From: Jem Gillam <6413628+jemgillam@users.noreply.github.com> Date: Fri, 28 Aug 2026 19:13:22 +0100 Subject: [PATCH 2/5] Add askMeAbout --- src/components/ambassador-grid.tsx | 24 +++++++++++++++----- src/components/info-card/ambassador-data.tsx | 2 ++ src/components/info-card/index.tsx | 2 +- 3 files changed, 21 insertions(+), 7 deletions(-) diff --git a/src/components/ambassador-grid.tsx b/src/components/ambassador-grid.tsx index 0f84d5bd81..3e5964b9dc 100644 --- a/src/components/ambassador-grid.tsx +++ b/src/components/ambassador-grid.tsx @@ -13,7 +13,7 @@ function buildRows(ambassador: Ambassador): InfoCardRow[] { role="img" aria-label={ambassador.location.name} title={ambassador.location.name} - className="shrink-0 self-center text-xl" + className="shrink-0 self-start text-xl" > {ambassador.location.flag} @@ -26,10 +26,22 @@ function buildRows(ambassador: Ambassador): InfoCardRow[] { imageUrl: ambassador.imageUrl, alt: ambassador.alt, }, - { - type: "label", - label: ambassador.organization, - }, + ...(ambassador.askMeAbout + ? [ + { + type: "label" as const, + hideInConciseMode: true, + label: ( +