Add Makefile, package.json, and initial configuration for VitePress and Slidev integration

- Introduced a Makefile for streamlined commands related to building, running, and managing presentations.
- Created package.json to define project metadata, dependencies, and scripts for development and testing.
- Added .gitignore entries to exclude build artifacts and temporary files from version control.
- Included playwright.config.mjs for end-to-end testing setup with Playwright.
- Added README.md for project documentation, outlining setup instructions and development guidelines.

portal/index.md

@@ -0,0 +1,59 @@
+---
+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>