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"/>
</div>
<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"
:alt="langage.name" width="64" height="64"/>
</ShowcaseBanner>

@ -19,7 +19,7 @@ const props = defineProps({
<InfoBuble>{{ props.year }}</InfoBuble>
<InfoBuble>{{ props.duration }}</InfoBuble>
</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}`">
<p class="text-xl text-gray-500" v-html="props.description"/>

@ -46,7 +46,7 @@ const skills = [
<template>
<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">
<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"
:alt="skill.alt">
</SkillCell>

@ -6,7 +6,7 @@ import {Vue3Lottie} from "vue3-lottie";
import CopyJson from '../assets/lotties/Animation - 1714933994295.json'
import { ref } from "vue";
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 display = ref(false)

@ -29,7 +29,7 @@ watch(() => props.progress, (progress) => {
</div>
</div>
<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}`">
</div>
</div>

Loading…
Cancel
Save