<turbo-stream action="append" target="speakers_grid"><template>
  <a class="group block h-full" href="/@martyna-prus">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Martyna Prus" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/853/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Martyna Prus</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Employer Branding Lead at CD PROJEKT RED shaping...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@marvin-stoppelkotter">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Marvin Stoppelkötter" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/329/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Marvin Stoppelkötter</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software Engineer at Finanz Informatik building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mary-grygleski">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mary Grygleski" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1820/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mary Grygleski</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Technical advocate at AI Collective building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">3 videos · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mateja-terek">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mateja Terek" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1821/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mateja Terek</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Fixing recruitment language and building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mateusz-gren">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mateusz Gren" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1378/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mateusz Gren</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Leads software and AI at Atos, focusing on...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matheus-guimaraes">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matheus Guimaraes" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1379/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matheus Guimaraes</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Senior Developer Advocate at AWS mapping out...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mathias-palmersheim">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mathias Palmersheim" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/2007/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mathias Palmersheim</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Solution engineer at VictoriaMetrics and...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mathilde-verlaine">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mathilde Verlaine" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/330/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mathilde Verlaine</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Recruiter exploring unconventional hiring...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matic-petric">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matic Petrič" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1380/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matic Petrič</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Quantum computing researcher at Fraunhofer FOKUS...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 3 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mats-kuuskemaa">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mats Kuuskemaa" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1381/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mats Kuuskemaa</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Expanding borderless business opportunities...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matt-colman">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matt Colman" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/856/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matt Colman</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Engineering manager at Atlassian focused on...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matteo-collina">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matteo Collina" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/857/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matteo Collina</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Platformatic co-founder and Node.js core...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matteo-meucci">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matteo Meucci" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1823/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matteo Meucci</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Founder of Synapsed.ai helping organizations...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthew-atkinson">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthew Atkinson" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/333/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthew Atkinson</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Head of Web Standards at Samsung and W3C...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthew-brady">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthew Brady" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1382/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthew Brady</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">AppSec and supply chain safety at Black Duck.</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthias-henze">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <div class="flex size-full items-center justify-center bg-linear-to-br from-primary/20 to-secondary/20">
          <span class="text-2xl font-semibold tracking-tight text-base-content/70">MH</span>
        </div>
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthias Henze</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Jimdo CEO building tools that help solo founders...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthias-kauzmann">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthias Kauzmann" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1824/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthias Kauzmann</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Backend developer bringing architectural clarity...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthias-kordt">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthias Kordt" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1383/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthias Kordt</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Team lead building automated AI infrastructure...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">3 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthias-lettl">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthias Lettl" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1825/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthias Lettl</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Product engineer building TypeScript applications...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthias-niehoff">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthias Niehoff" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1384/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthias Niehoff</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Head of Data &amp; AI at codecentric focusing on...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">3 videos · 3 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matthieu-vincent">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matthieu Vincent" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1826/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matthieu Vincent</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Platform engineering CTO and tech advocate...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mattias-jonsson">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mattias Jonsson" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1385/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mattias Jonsson</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Builds distributed SQL layers and optimizes...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matt-white">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matt White" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/855/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matt White</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Leads the PyTorch Foundation and shapes the...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@matt-yates">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Matt Yates" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/332/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Matt Yates</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Talent acquisition leader shaping data-driven...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@mauricio-frias">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Mauricio Frias" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/337/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Mauricio Frias</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Engineering Manager making architecture...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@max-fischer">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Max Fischer" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1386/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Max Fischer</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Director of Engineering at Trade Republic...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@max-hausner">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Max Hausner" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/860/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Max Hausner</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Solutions Architect at AWS unraveling the quirks...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@max-hunter">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Max Hunter" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/861/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Max Hunter</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Chief Joy Officer at Motivators@Work building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">2 videos · 3 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@maxim-fateev">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Maxim Fateev" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/864/profile_picture.jpg" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Maxim Fateev</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">CTO at Temporal Technologies, building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">4 videos · 3 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@maximilian-jesch">
  <article class="profile-card flex h-full flex-col overflow-hidden rounded-2xl bg-base-100 ring-1 ring-base-300/55 shadow-[0_2px_8px_rgba(15,23,42,0.04)] transition-all duration-200 group-hover:-translate-y-0.5 group-hover:shadow-[0_10px_24px_rgba(15,23,42,0.1)]">
    <div class="profile-card__image relative aspect-[5/6] overflow-hidden bg-base-200/70">
        <img alt="Maximilian Jesch" class="size-full object-cover transition duration-500 group-hover:scale-[1.03] saturate-[0.94] contrast-[1.02]" loading="lazy" src="https://cdn.wearedevelopers.com/cdn-cgi/image/width=320,height=320,fit=cover,format=avif,quality=85,gravity=face,sharpen=1/speakers/1390/profile_picture.png" />
    </div>

    <div class="grid gap-1 px-3 py-2.5">
      <h3 class="line-clamp-2 font-display text-[0.86rem] leading-[1.12] font-semibold tracking-tight text-base-content sm:text-[0.93rem]">Maximilian Jesch</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">AI engineer and product manager at IBM building...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">1 video · 1 session</p>
    </div>
  </article>
</a>
</template></turbo-stream>
  <turbo-stream action="replace" target="speakers_pagination"><template>
    <turbo-frame class="group" id="speakers_pagination">
      <div class="mt-10 flex justify-center">
        <a data-turbo-frame="speakers_pagination" data-turbo-prefetch="false" class="btn btn-outline btn-primary gap-2 group-aria-busy:pointer-events-none group-aria-busy:opacity-60" href="https://www.wearedevelopers.com/contributors.turbo_stream?page=36">
          Load more contributors <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"></path></svg>
</a>      </div>
</turbo-frame></template></turbo-stream>