From 47be2b4662dfb88dc9b9407f51194c889ea0199f Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 6 Mar 2026 18:11:31 +0100
Subject: [PATCH] =?UTF-8?q?Refactor:=20styles=20GalleryAnimation=20migr?=
 =?UTF-8?q?=C3=A9s=20dans=20le=20composant?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/ui/GalleryAnimation.svelte | 62 +++++++++++++++++++++
 src/styles/gallery.css                    | 65 -----------------------
 src/styles/index.css                      |  1 -
 3 files changed, 62 insertions(+), 66 deletions(-)
 delete mode 100644 src/styles/gallery.css

diff --git a/src/components/ui/GalleryAnimation.svelte b/src/components/ui/GalleryAnimation.svelte
index de6faa1..6d86a83 100644
--- a/src/components/ui/GalleryAnimation.svelte
+++ b/src/components/ui/GalleryAnimation.svelte
@@ -59,3 +59,65 @@
     </div>
   {/each}
 </div>
+
+<style>
+  .gallery-animation {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  /* Vertical mode (Portfolio) */
+  .gallery-animation--vertical {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+  }
+
+  .gallery-animation--vertical :global(.gallery-animation__column) {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .gallery-animation--vertical :global(.gallery-animation__track) {
+    display: flex;
+    flex-direction: column;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+  }
+
+  .gallery-animation--vertical :global(.gallery-animation__column:nth-child(odd) .gallery-animation__track) {
+    animation-name: galleryScrollDown;
+    animation-duration: var(--gallery-duration);
+  }
+
+  .gallery-animation--vertical :global(.gallery-animation__column:nth-child(even) .gallery-animation__track) {
+    animation-name: galleryScrollUp;
+    animation-duration: var(--gallery-duration);
+  }
+
+  :global(.gallery-animation__image) {
+    width: 100%;
+    height: auto;
+    display: block;
+    object-fit: contain;
+  }
+
+  @keyframes galleryScrollDown {
+    from { transform: translateY(0); }
+    to   { transform: translateY(-50%); }
+  }
+
+  @keyframes galleryScrollUp {
+    from { transform: translateY(-50%); }
+    to   { transform: translateY(0); }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :global(.gallery-animation__track) {
+      animation: none;
+    }
+  }
+</style>
diff --git a/src/styles/gallery.css b/src/styles/gallery.css
deleted file mode 100644
index cef463b..0000000
--- a/src/styles/gallery.css
+++ /dev/null
@@ -1,65 +0,0 @@
-/* Gallery animation */
-:root {
-  --gallery-gap:      8px;
-  --gallery-duration: 24s;
-}
-
-.gallery-animation {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-/* Vertical mode (Portfolio) */
-.gallery-animation--vertical {
-  display: flex;
-  flex-direction: row;
-  gap: var(--gallery-gap);
-}
-
-.gallery-animation--vertical .gallery-animation__column {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.gallery-animation--vertical .gallery-animation__track {
-  display: flex;
-  flex-direction: column;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-
-.gallery-animation--vertical .gallery-animation__column:nth-child(odd) .gallery-animation__track {
-  animation-name: galleryScrollDown;
-  animation-duration: var(--gallery-duration);
-}
-
-.gallery-animation--vertical .gallery-animation__column:nth-child(even) .gallery-animation__track {
-  animation-name: galleryScrollUp;
-  animation-duration: var(--gallery-duration);
-}
-
-.gallery-animation__image {
-  width: 100%;
-  height: auto;
-  display: block;
-  object-fit: contain;
-}
-
-@keyframes galleryScrollDown {
-  from { transform: translateY(0); }
-  to   { transform: translateY(-50%); }
-}
-
-@keyframes galleryScrollUp {
-  from { transform: translateY(-50%); }
-  to   { transform: translateY(0); }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .gallery-animation__track {
-    animation: none;
-  }
-}
diff --git a/src/styles/index.css b/src/styles/index.css
index c02597e..d437c36 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -6,4 +6,3 @@
 @import './buttons.css';
 @import './cursor.css';
 @import './utils.css';
-@import './gallery.css';