From d7dacd6b6cde0297856ed98da9796db635024faa Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Thu, 19 Feb 2026 12:41:50 +0100
Subject: [PATCH] =?UTF-8?q?Feat:=20navigation=20au=20clavier=20entre=20sli?=
 =?UTF-8?q?des=20(=E2=86=90=20=E2=86=92)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/App.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/App.svelte b/src/App.svelte
index 81a143d..8697ed4 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,5 +1,7 @@
 <script>
+  import { onMount } from 'svelte'
   import { slides } from '@state/slides.svelte'
+  import { slideTo } from '@router'
 
   import Header from '@components/layout/Header.svelte'
   import Cursor from '@components/layout/Cursor.svelte'
@@ -30,6 +32,20 @@
 
   const wrapperWidth = $derived(`${slides.all.length * 100}vw`)
   const wrapperTransform = $derived(`translateX(-${slides.activeIndex * 100}vw)`)
+
+  onMount(() => {
+    const handleKeydown = (e) => {
+      if (e.key === 'ArrowRight') {
+        const next = slides.all[slides.activeIndex + 1]
+        if (next) slideTo(next.path)
+      } else if (e.key === 'ArrowLeft') {
+        const prev = slides.all[slides.activeIndex - 1]
+        if (prev) slideTo(prev.path)
+      }
+    }
+    window.addEventListener('keydown', handleKeydown)
+    return () => window.removeEventListener('keydown', handleKeydown)
+  })
 </script>
 
 <div class="app">