diff --git a/src/components/experience-card.astro b/src/components/experience-card.astro index 69d0d5a..a4a3dbd 100644 --- a/src/components/experience-card.astro +++ b/src/components/experience-card.astro @@ -8,7 +8,7 @@ interface Props { title: string; link?: { label: string; uri: string }; notAvailable?: boolean; - image?: { uri: string; breakpoint: string }; + image?: string; tech?: string[]; } const { @@ -28,21 +28,11 @@ const { const logoCss = `h-16 w-16 rounded-xl mr-4 ${ logoTransparentBackground === true ? "p-2 bg-white" : "" }`; - -// Card behavior with and without image -const cardCss = `${ - image - ? `${image.breakpoint}:flex ${image.breakpoint}:flex-row-reverse items-stretch justify-between` - : "" -} w-full rounded-2xl ${backgroundColor}`; - -// Image behavior -const imageCss = `flex ${image?.breakpoint}:w-1/2 grow ${image?.breakpoint}:rounded-tl-none ${image?.breakpoint}:rounded-r-2xl rounded-t-2xl object-cover`; --- -
+
- {image && } + {image && }
diff --git a/src/components/projects.astro b/src/components/projects.astro index 249426f..c3d9803 100644 --- a/src/components/projects.astro +++ b/src/components/projects.astro @@ -100,7 +100,7 @@ import ExperienceCard from "./experience-card.astro"; dates="September 2020 - January 2023" title="Epitech Innovative Project" notAvailable={true} - image={{ uri: "/images/naviarent.jpg", breakpoint: "2xl" }} + image="/images/naviarent.jpg" tech={[ "NodeJS", "Angular", @@ -181,7 +181,7 @@ import ExperienceCard from "./experience-card.astro"; dates="April 2017 - January 2020" title="Timelapse" link={{ uri: "https://timelapse.canvas.place", label: "Website" }} - image={{ uri: "/images/canvas.png", breakpoint: "md" }} + image="/images/canvas.png" tech={["FFmpeg", "Shell scripting", "nginx"]} >

canvas.place is a shared place to express creativity.