finxol.io
Personal site
staging.colinozanne.co.uk
portfolio
astro
chore: tests with Image component
+11
-3
+2
-1
src/assets/styles/projects/karr.css
+2
-1
src/assets/styles/projects/karr.css
+9
-2
src/pages/en/projects/karr.astro
+9
-2
src/pages/en/projects/karr.astro
···
2
2
import Layout from "@/layouts/Layout.astro";
3
3
import "@/assets/styles/projects/karr.css";
4
4
import { Icon } from "astro-icon/components";
5
+
import { Image } from "astro:assets";
5
6
6
7
import karrJpg from "@/assets/img/karr_demo.jpg";
7
8
import karrWebp from "@/assets/img/karr_demo.webp";
···
20
21
21
22
<p class="subtitle">Federated carpool platform for companies</p>
22
23
23
-
<picture style="view-transition-name: karr-img">
24
+
<!-- <picture style="view-transition-name: karr-img">
24
25
<source srcset={karrWebp.src} type="image/webp" />
25
26
<img src={karrJpg.src} alt="Karr" />
26
-
</picture>
27
+
</picture> -->
28
+
29
+
<Image
30
+
src={karrJpg}
31
+
alt="Karr"
32
+
style="view-transition-name: karr-img"
33
+
/>
27
34
28
35
<p class="description">
29
36
This entrepreneurial project was carried out for 5 months with