Skip to content

Show previous edition speakers in the top minds section #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 20, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/app/conf/2025/components/become-a-sponsor/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration"

export function BecomeASponsor() {
return (
<section id="sponsors" className="relative">
<section id="sponsors" className="relative overflow-hidden">
<Stripes />
<div className="gql-conf-container gql-conf-section xl:py-16 2xl:px-64">
<header className="flex flex-col gap-x-48 gap-y-4 md:flex-row md:items-end md:justify-between">
Expand Down
72 changes: 42 additions & 30 deletions src/app/conf/2025/components/top-minds/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,47 @@ import { HTMLAttributes } from "react"
import Image from "next-image-export-optimizer"
import type { StaticImageData } from "next/image"

import elizabethStone from "./speakers/elizabeth-stone.webp"
import kamilKisiela from "./speakers/kamil-kisiela.webp"
import rajeevRajan from "./speakers/rajeev-rajan.webp"
import tanmaiGopal from "./speakers/tanmai-gopal.webp"
import uriGoldshtein from "./speakers/uri-goldshtein.webp"
import TwitterIcon from "@/icons/twitter.svg"
import { Button } from "@/app/conf/_design-system/button"
import { BECOME_A_SPEAKER_LINK } from "../../links"

const previousConfSpeakers = {
benjie: {
name: "Benjie Gillam",
title: "GraphQL TSC & Spec",
src: "https://avatars.sched.co/b/99/18743846/avatar.jpg.320x320px.jpg",
twitter: "benjie",
linkedin: "benjiegillam",
},
kewei: {
name: "Kewei Qu",
title: "Meta — Senior Staff Software Engineer",
src: "https://avatars.sched.co/9/1a/18743864/avatar.jpg.320x320px.jpg",
twitter: "kewei_qu",
linkedin: "keweiqu",
},
donna: {
name: "Donna Zhou",
title: "Atlassian — Maintainer of GraphQL Java",
src: "https://avatars.sched.co/0/1d/18743879/avatar.jpg.320x320px.jpg?e1f",
linkedin: "donnazhou",
},
uri: {
name: "Uri Goldshtein",
title: "The Guild — Founder",
src: "https://avatars.sched.co/8/2b/14900013/avatar.jpg.320x320px.jpg?9f1",
twitter: "UriGoldshtein",
linkedin: "urigo",
},
alessia: {
name: "Alessia Bellisario",
title: "Apollo GraphQL — Staff Open Source Engineer",
src: "https://avatars.sched.co/a/c6/18743837/avatar.jpg.320x320px.jpg?847",
twitter: "alessbell",
linkedin: "alessiabellisario",
},
}

interface TopMindsSectionProps extends HTMLAttributes<HTMLElement> {
hasSpeakersPage?: boolean
}
Expand All @@ -34,42 +66,22 @@ export default function TopMindsSection({
<h3 className="mr-auto flex w-full grow text-pretty pb-6 pr-6 typography-h2 [@media(width>857px)]:basis-0">
Meet the top industry minds
</h3>
<SpeakerCard {...previousConfSpeakers.benjie} />
<SpeakerCard
name="Uri Goldshtein"
title="The Guild — Founder"
src={uriGoldshtein}
linkedin="urigo"
twitter="UriGoldshtein"
/>
<SpeakerCard
name="Elizabeth Stone"
title="Netflix — CTO"
src={elizabethStone}
linkedin="elizabeth-stone-608a754"
{...previousConfSpeakers.kewei}
className="[@media(width<=742px)]:border-l"
/>
<div className="flex grow border-sec-dark [@media(width<970px)]:contents [@media(width>=970px)]:border-t [@media(width>=970px)]:*:border-t-0">
<SpeakerCard
name="Kamil Kisiela"
title="The Guild — Developer"
src={kamilKisiela}
linkedin="kamilkisiela"
twitter="kamilkisiela"
{...previousConfSpeakers.donna}
className="[@media(744px<=width<=970px)]:first-of-type:border-l-0"
/>
<SpeakerCard
name="Rajeev Rajan"
title="Atlassian — CTO"
src={rajeevRajan}
linkedin="rajeev-rajan"
{...previousConfSpeakers.uri}
className="[@media(639px<=width<=970px)]:border-l"
/>
<SpeakerCard
name="Tanmai Gopal"
title="Hasura — CEO & Co-Founder"
src={tanmaiGopal}
twitter="tanmaigo"
linkedin="tanmaig"
{...previousConfSpeakers.alessia}
className="[@media(width<744px)]:border-l"
/>
<div className="mt-6 flex shrink-0 basis-[content] items-end justify-stretch max-lg:w-full [@media(640px<=width<=855px)]:basis-[236px] [@media(width<=444px)]:*:w-full [@media(width>742px)]:justify-end [@media(width>742px)]:pl-6 [@media(width>855px)]:grow">
Expand Down
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.