fix images
continuous-integration/drone/push Build is passing Details

main
Lucas DELANIER 11 months ago
parent 875c12965f
commit 7f8db88b0f

@ -157,7 +157,7 @@ onUnmounted(() => {
<GridSkill class="mx-8 sm:mx-28 py-28"/> <GridSkill class="mx-8 sm:mx-28 py-28"/>
</div> </div>
<ShowcaseBanner> <ShowcaseBanner>
<img v-for="langage in langages" :src="`/images/${ langage.image}`" <img v-for="langage in langages" :src="`https://codefirst.iut.uca.fr/containers/lucasdelanier-portfolio/images/${ langage.image}`"
class="w-18 h-18 hover:-translate-y-1 transition-all duration-300 ease-in-out hover:rotate-12 origin-center" class="w-18 h-18 hover:-translate-y-1 transition-all duration-300 ease-in-out hover:rotate-12 origin-center"
:alt="langage.name" width="64" height="64"/> :alt="langage.name" width="64" height="64"/>
</ShowcaseBanner> </ShowcaseBanner>

@ -19,7 +19,7 @@ const props = defineProps({
<InfoBuble>{{ props.year }}</InfoBuble> <InfoBuble>{{ props.year }}</InfoBuble>
<InfoBuble>{{ props.duration }}</InfoBuble> <InfoBuble>{{ props.duration }}</InfoBuble>
</div> </div>
<img :src="`/images/${ props.image }`" class="object-contain mb-6" <img :src="`https://codefirst.iut.uca.fr/containers/lucasdelanier-portfolio/images/${ props.image }`" class="object-contain mb-6"
:class=" props.important === true ? 'h-24' : 'h-10'" :alt="`logo de l'entreprise ${props.company}`"> :class=" props.important === true ? 'h-24' : 'h-10'" :alt="`logo de l'entreprise ${props.company}`">
<p class="text-xl text-gray-500" v-html="props.description"/> <p class="text-xl text-gray-500" v-html="props.description"/>

@ -46,7 +46,7 @@ const skills = [
<template> <template>
<div class="grid gap-5 xl:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 grid-cols-1"> <div class="grid gap-5 xl:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 grid-cols-1">
<SkillCell v-for="(skill, index) in skills" :key="index" :title="skill.title" :text="skill.text" class="group"> <SkillCell v-for="(skill, index) in skills" :key="index" :title="skill.title" :text="skill.text" class="group">
<img :src="`images/${skill.image}.png`" :height="60" :width="60" <img :src="`https://codefirst.iut.uca.fr/containers/lucasdelanier-portfolio/images/${skill.image}.png`" :height="60" :width="60"
class="h-7 w-7 group-hover:scale-110 transition-all ease-in duration-500 group-hover:brightness-200" class="h-7 w-7 group-hover:scale-110 transition-all ease-in duration-500 group-hover:brightness-200"
:alt="skill.alt"> :alt="skill.alt">
</SkillCell> </SkillCell>

@ -6,7 +6,7 @@ import {Vue3Lottie} from "vue3-lottie";
import CopyJson from '../assets/lotties/Animation - 1714933994295.json' import CopyJson from '../assets/lotties/Animation - 1714933994295.json'
import { ref } from "vue"; import { ref } from "vue";
function openCV(){ function openCV(){
window.open('files/cv.pdf', '_blank'); window.open('https://codefirst.iut.uca.fr/containers/lucasdelanier-portfolio/files/cv.pdf', '_blank');
} }
const copyAnimation = ref(null) const copyAnimation = ref(null)
const display = ref(false) const display = ref(false)

@ -29,7 +29,7 @@ watch(() => props.progress, (progress) => {
</div> </div>
</div> </div>
<div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4 transform-container-2"> <div class="flex h-[70vh] lg:h-screen flex-1 justify-center lg:items-center p-4 transform-container-2">
<img :src="`/images/${ props.image}`" class="w-full h-full object-contain p-20" <img :src="`https://codefirst.iut.uca.fr/containers/lucasdelanier-portfolio/images/${ props.image}`" class="w-full h-full object-contain p-20"
:alt="`screenshot de ${props.application}`"> :alt="`screenshot de ${props.application}`">
</div> </div>
</div> </div>

Loading…
Cancel
Save