---
layout: doc
aside: false
outline: false
---

<div class="talk-page">

<header class="masthead">
  <h1>Talks</h1>
  <p class="masthead-lead">
    Présentations techniques au format
    <strong><a href="https://sli.dev" target="_blank" rel="noopener noreferrer">Slidev</a></strong>
    — portail
    <a href="https://vitepress.dev" target="_blank" rel="noopener noreferrer">VitePress</a>,
    déployable en statique (CI, Pages, Nginx).
  </p>
</header>

<section class="intro" aria-labelledby="intro-heading">
  <h2 id="intro-heading" class="section-title">À propos de ce site</h2>
  <p>
    Ce site regroupe les slides utilisées pour nos conférences et ateliers : navigation clavier, mode plein écran,
    export PDF selon les thèmes Slidev. Le contenu vit dans le dépôt Git <em>Talks</em> ; les mises à jour sous
    <code>slides/</code> et le portail <code>portal/</code> peuvent être déployées automatiquement.
  </p>
  <p>
    En salle ou en visio, partagez l’URL des slides ou le dépôt source — les QR codes ci-dessous facilitent l’accès
    depuis un téléphone.
  </p>
</section>

<QrHomeSection />

<!-- FEATURED_START -->

<section class="talks-section talks-section--home" aria-labelledby="featured-heading">
  <h2 id="featured-heading" class="section-title">Présentations</h2>
  <div class="talks-grid">
    <a class="talk-card" href="/presentations/kubernetes-operators/">
      <h2>Kubernetes Operators — De l’enfer au paradis</h2>
      <p>Mental model (API, etcd, boucle), controllers et opérateurs, exemples concrets (Reflector, Reloader, cert-manager, Postgres) et pièges à éviter.</p>
      <span class="meta">Présentation · kubernetes-operators</span>
    </a>
    <a class="talk-card" href="/presentations/spring-ai/">
      <h2>Spring AI</h2>
      <p>Intégrer des modèles LLM dans l’écosystème Spring avec des API cohérentes.</p>
      <span class="meta">Présentation · spring-ai</span>
    </a>
  </div>
</section>

<!-- FEATURED_END -->

<section class="home-more" aria-label="Navigation">
  <p><a class="qr-link" href="/presentations/">Voir toutes les présentations →</a></p>
</section>

</div>