|
|
|
@ -5,39 +5,39 @@ const skills = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Développement",
|
|
|
|
title: "Développement",
|
|
|
|
text: "Mettre au point un produit fonctionnel tout en utilisant les dernières technologies.",
|
|
|
|
text: "Mettre au point un produit fonctionnel tout en utilisant les dernières technologies.",
|
|
|
|
image: "development.png",
|
|
|
|
image: "development",
|
|
|
|
alt: "terminal icon"
|
|
|
|
alt: "terminal icon"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Optimisation",
|
|
|
|
title: "Optimisation",
|
|
|
|
text: "Concevoir en utilisant les patrons de conception adéquates, dans l’objectif de tirer le plein potentiel " +
|
|
|
|
text: "Concevoir en utilisant les patrons de conception adéquates, dans l’objectif de tirer le plein potentiel " +
|
|
|
|
"de chaque projet.",
|
|
|
|
"de chaque projet.",
|
|
|
|
image: "optimisation.png",
|
|
|
|
image: "optimisation",
|
|
|
|
alt: "gear icon"
|
|
|
|
alt: "gear icon"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Gestion de la donnée",
|
|
|
|
title: "Gestion de la donnée",
|
|
|
|
text: "Administrer et gérer la gestion de l’information dans vos applications en élaborant une base de donnée " +
|
|
|
|
text: "Administrer et gérer la gestion de l’information dans vos applications en élaborant une base de donnée " +
|
|
|
|
"appropriée à vos besoins.",
|
|
|
|
"appropriée à vos besoins.",
|
|
|
|
image: "data.png",
|
|
|
|
image: "data",
|
|
|
|
alt: "data icon"
|
|
|
|
alt: "data icon"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Collaboration",
|
|
|
|
title: "Collaboration",
|
|
|
|
text: "Communiquer et travailler en équipe de façon optimale pour venir à bout de chaque projet.",
|
|
|
|
text: "Communiquer et travailler en équipe de façon optimale pour venir à bout de chaque projet.",
|
|
|
|
image: "team.png",
|
|
|
|
image: "team",
|
|
|
|
alt: "team icon"
|
|
|
|
alt: "team icon"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Gestion de projet",
|
|
|
|
title: "Gestion de projet",
|
|
|
|
text: "Savoir encadrer et prendre parti d’une gestion de projet agile en utilisant la méthode SCRUM.",
|
|
|
|
text: "Savoir encadrer et prendre parti d’une gestion de projet agile en utilisant la méthode SCRUM.",
|
|
|
|
image: "management.png",
|
|
|
|
image: "management",
|
|
|
|
alt: "book of project icon"
|
|
|
|
alt: "book of project icon"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Communication",
|
|
|
|
title: "Communication",
|
|
|
|
text: "Administrer des systèmes communicants complexes pour permettre le fonctionnement d’un ecosystème.",
|
|
|
|
text: "Administrer des systèmes communicants complexes pour permettre le fonctionnement d’un ecosystème.",
|
|
|
|
image: "communication.png",
|
|
|
|
image: "communication",
|
|
|
|
alt: "communication icon"
|
|
|
|
alt: "communication icon"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
];
|
|
|
|
];
|
|
|
|
@ -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}`" :height="60" :width="60"
|
|
|
|
<img :src="`/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>
|
|
|
|
|
