+5

src/assets/styles/main.css

··· 3 3 @import "@evilmartians/harmony/css/amber.css"; 4 4 @import "@evilmartians/harmony/css/yellow.css"; 5 5 @import "@evilmartians/harmony/css/emerald.css"; 6 6 + @import "@evilmartians/harmony/css/teal.css"; 6 7 @import "@evilmartians/harmony/css/sky.css"; 7 8 @import "@evilmartians/harmony/css/fuchsia.css"; 8 9 @import "@evilmartians/harmony/css/rose.css"; ··· 14 15 @import url("@/assets/fonts/scorekard.css"); 15 16 16 17 @layer base, layout, components, utilities; 18 18 + 19 19 + @view-transition { 20 20 + navigation: auto; 21 21 + } 17 22 18 23 :root { 19 24 --radius: 0.75rem;

+15

src/pages/en/projects/karr.astro

··· 1 1 + --- 2 2 + import Layout from "@/layouts/Layout.astro"; 3 3 + 4 4 + import karrJpg from "@/assets/img/karr_demo.jpg"; 5 5 + import karrWebp from "@/assets/img/karr_demo.webp"; 6 6 + --- 7 7 + 8 8 + <Layout> 9 9 + Karr 10 10 + 11 11 + <picture style="view-transition-name: karr-img"> 12 12 + <source srcset={karrWebp.src} type="image/webp" /> 13 13 + <img src={karrJpg.src} alt="Karr" /> 14 14 + </picture> 15 15 + </Layout>

+15

src/pages/fr/projects/karr.astro

··· 1 1 + --- 2 2 + import Layout from "@/layouts/Layout.astro"; 3 3 + 4 4 + import karrJpg from "@/assets/img/karr_demo.jpg"; 5 5 + import karrWebp from "@/assets/img/karr_demo.webp"; 6 6 + --- 7 7 + 8 8 + <Layout> 9 9 + Karr 10 10 + 11 11 + <picture style="view-transition-name: karr-img"> 12 12 + <source srcset={karrWebp.src} type="image/webp" /> 13 13 + <img src={karrJpg.src} alt="Karr" /> 14 14 + </picture> 15 15 + </Layout>