diff --git a/README.md b/README.md index 8f43a33..861243c 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ ## Plus tard - Refaire la section des skills -- Ajouter un fonction de filtrage des projects (en fonction de la date, des skills) +- Ajouter un fonction de filtrage des projects (en fonction de la date, des skills, school ou non) ## Usefull commands diff --git a/src/components/Projects/Projects.jsx b/src/components/Projects/Projects.jsx index f54dbd8..1676062 100644 --- a/src/components/Projects/Projects.jsx +++ b/src/components/Projects/Projects.jsx @@ -70,6 +70,7 @@ function Projects() { skills={project.skills} id={project.id} nbImage={project.nb_image} + school={project.school} /> ))} diff --git a/src/components/SingleProject/SingleProject.css b/src/components/SingleProject/SingleProject.css index 77367a8..21191c7 100644 --- a/src/components/SingleProject/SingleProject.css +++ b/src/components/SingleProject/SingleProject.css @@ -50,11 +50,11 @@ .single-project-right-top { display: flex; margin-left: 2rem; + width: 100%; } .single-project-right-bottom { margin-left: 2rem; - display: flex; flex-direction: column; justify-content: space-between; @@ -65,7 +65,7 @@ border-radius: 38px; min-width: 1.5rem; height: 0.25rem; - margin-top: 1.5rem; + margin-top: 1.25rem; margin-right: 1rem; } @@ -95,6 +95,9 @@ color: #EAEAEA; margin-top: 0; margin-bottom: 1rem; + display: flex; + align-items: center; + gap: 1rem; } .single-project-description { @@ -154,4 +157,4 @@ .single-project-left:hover .arrow { display: flex; -} +} \ No newline at end of file diff --git a/src/components/SingleProject/SingleProject.jsx b/src/components/SingleProject/SingleProject.jsx index 080a021..c10212b 100644 --- a/src/components/SingleProject/SingleProject.jsx +++ b/src/components/SingleProject/SingleProject.jsx @@ -2,7 +2,7 @@ import { useState, useEffect, useRef } from "react"; import SkillCard from "../SkillCard/SkillCard.jsx"; import "./SingleProject.css"; -function SingleProject({ image, title, description, skills, id, nbImage }) { +function SingleProject({ image, title, description, skills, id, nbImage, school }) { const [imageID, setImageID] = useState(1); const [isFading, setIsFading] = useState(true); const intervalRef = useRef(null); @@ -54,9 +54,15 @@ function SingleProject({ image, title, description, skills, id, nbImage }) {
{description}