<turbo-stream action="append" target="speakers_grid"><template>
  <a class="group block h-full" href="/@johannes-bergsmann">
  <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="Johannes Bergsmann" 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/223/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]">Johannes Bergsmann</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software testing advocate and Managing Partner at...</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="/@johannes-kopf">
  <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="Johannes Kopf" 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/1291/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]">Johannes Kopf</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">CEO of Public Employment Service Austria (AMS)...</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="/@johannes-nicolai">
  <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="Johannes Nicolai" 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/758/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]">Johannes Nicolai</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Solutions Engineering at Postman, wiring APIs to...</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="/@johannes-ostner">
  <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="Johannes Ostner" 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/1790/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]">Johannes Ostner</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Co-founder of 42 Coding Solutions 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="/@johannes-steger">
  <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="Johannes Steger" 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/225/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]">Johannes Steger</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Moderator at Tagesspiegel focusing on technology...</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="/@johannes-stern">
  <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="Johannes Stern" 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/226/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]">Johannes Stern</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Senior Engineer at Interhyp focused on clean code...</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="/@jo-hasenau">
  <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="Jo Hasenau" 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/1788/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]">Jo Hasenau</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Builds open-source infrastructure at Cybercraft...</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="/@john-coghlan">
  <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="John Coghlan" 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/2021/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]">John Coghlan</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Developer advocate at GitLab focused on community...</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="/@john-fletcher">
  <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="John Fletcher" 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/1292/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]">John Fletcher</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Staff Engineer at codecentric exploring quantum...</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="/@john-komarnicki">
  <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="John Komarnicki" 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/2030/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]">John Komarnicki</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Advisor at Code &amp; Coffee connecting 80,000+...</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="/@john-romero">
  <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="John Romero" 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/759/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]">John Romero</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Game designer and co-creator of DOOM and Quake,...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">4 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@john-woods">
  <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="John Woods" 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/229/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]">John Woods</h3>

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

        <p class="text-[0.62rem] font-medium text-base-content/40">3 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@jolo">
  <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="Jolo" 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/227/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]">Jolo</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Fullstack developer building serverless...</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="/@jonas-andrulis">
  <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="Jonas Andrulis" 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/230/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]">Jonas Andrulis</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Founder and CEO of Aleph Alpha 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="/@jonas-menesklou">
  <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="Jonas Menesklou" 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/760/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]">Jonas Menesklou</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Building vision agents at AskUI to move test...</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="/@jonas-scholten">
  <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="Jonas Scholten" 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/231/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]">Jonas Scholten</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software developer using game design to make...</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="/@jonathan-carle">
  <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="Jonathan Carle" 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/761/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]">Jonathan Carle</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Engineering Lead building bottom-up developer...</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="/@jonathan-j-tower">
  <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="Jonathan &quot;J.&quot; Tower" 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/1593/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]">Jonathan &quot;J.&quot; Tower</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software consultant and .NET Foundation board...</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="/@jonathan-muller">
  <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="Jonathan Müller" 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/762/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]">Jonathan Müller</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Core library engineer at think-cell and assistant...</p>

        <p class="text-[0.62rem] font-medium text-base-content/40">3 videos · 2 sessions</p>
    </div>
  </article>
</a><a class="group block h-full" href="/@jordan-tigani">
  <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="Jordan Tigani" 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/1293/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]">Jordan Tigani</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Building data warehouses on DuckDB and rethinking...</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="/@jordi-spranger">
  <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="Jordi Spranger" 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/1620/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]">Jordi Spranger</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">AI engineer building spatial memory and...</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="/@jorge-gonzalez-pliego">
  <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="Jorge Gonzalez Pliego" 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/1791/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]">Jorge Gonzalez Pliego</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Senior QA Engineer building scalable automation...</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="/@jorg-jakoby">
  <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="Jörg Jakoby" 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/1294/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]">Jörg Jakoby</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Frontend developer at Atos turning web...</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="/@jorg-neumann">
  <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="Jörg Neumann" 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/763/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]">Jörg Neumann</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Software developer exploring agentic AI...</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="/@jorg-tewes">
  <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="Jörg Tewes" 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/1295/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]">Jörg Tewes</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">CEO of Exasol focused on building the data...</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="/@jorrin-bruns">
  <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="Jorrin Bruns" 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/1297/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]">Jorrin Bruns</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Former web developer building agentic payment...</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="/@joschua-sunneke">
  <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="Joschua Sünneke" 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/233/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]">Joschua Sünneke</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Business Intelligence Developer building process...</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="/@josefin-hahn">
  <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="Josefin Hahn" 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/1793/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]">Josefin Hahn</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Nature-based mental trainer helping tech leaders...</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="/@jose-javier-alonso-moya">
  <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="Jose Javier Alonso Moya" 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/235/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]">Jose Javier Alonso Moya</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">SRE and DevOps Ambassador focusing on &#39;Everything...</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="/@jose-kadlec">
  <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="José Kadlec" 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/764/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]">José Kadlec</h3>

        <p class="line-clamp-2 text-[0.67rem] leading-[1.32] font-medium text-base-content/60">Co-founder of GoodCall exploring AI workflows and...</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=26">
          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>