commit 56371663d2dc553365385bf036a0df9d7549d5a0 · finxol.io/portfolio

+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>