Transition

nikoshell · nikoshell · commit 0517ef9e10f0 · 2025-05-22T11:38:20.000+02:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -23,7 +23,7 @@ const externalDomain = new URL(Astro.site || "").hostname;
 ---
 
 <!DOCTYPE html>
-<html lang="en" transition:name="root" transition:animate="initial">
+<html lang="en">
   <head>
     <BaseHead title={title} description={description} />
     <slot name="head" />
diff --git a/src/pages/speaker/[slug].astro b/src/pages/speaker/[slug].astro
@@ -94,6 +94,7 @@ function getGitHosting(url: string): string | undefined {
                     <div class="border-4 border-white rounded-lg shadow-lg inline-block mb-10">
           <Image
             transition:animate="fade"
+            transition:name=`speaker-${entry.data.code}`
             src={entry.data.avatar}
             alt={entry.data.name}
             height={400}
diff --git a/src/pages/speakers.astro b/src/pages/speakers.astro
@@ -82,6 +82,7 @@ const description = "Our conference speakers organized alphabetically";
 
           <Image
             transition:animate="fade"
+            transition:name=`speaker-${speaker.data.code}`
             src={speaker.data.avatar}
             alt={`${speaker.data.name}'s profile picture`}
             height={250}
