Merge pull request 'feature/detailsProject' (#30) from feature/detailsProject into dev
Reviewed-on: #30
BIN
public/assets/documents/Lyon_1_Nexus_Analyse.pdf
Normal file
BIN
public/assets/documents/Lyon_1_Nexus_Conception.pdf
Normal file
|
Before Width: | Height: | Size: 168 KiB After Width: | Height: | Size: 167 KiB |
|
Before Width: | Height: | Size: 368 KiB After Width: | Height: | Size: 367 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
BIN
public/assets/images/projects/sae_arduino/sae_arduino_2.png
Normal file
|
After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.8 MiB |
BIN
public/assets/images/projects/seleste_2/seleste_2_2.png
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
BIN
public/assets/images/projects/seleste_2/seleste_2_3.png
Normal file
|
After Width: | Height: | Size: 3.5 MiB |
BIN
public/assets/images/projects/seleste_2/seleste_2_4.png
Normal file
|
After Width: | Height: | Size: 3.7 MiB |
BIN
public/assets/images/projects/seleste_2/seleste_2_5.png
Normal file
|
After Width: | Height: | Size: 2.7 MiB |
@ -49,6 +49,7 @@
|
||||
color: var(--text-color);
|
||||
display: flex;
|
||||
padding: 0 4%;
|
||||
gap: 5%;
|
||||
}
|
||||
|
||||
.project-details-content {
|
||||
@ -170,3 +171,10 @@ aside ul li a:hover {
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.project-details-image {
|
||||
width: 100%;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
@ -91,7 +91,9 @@ function ProjectDetails({project}) {
|
||||
>
|
||||
{project.long_description}
|
||||
</ReactMarkdown>
|
||||
|
||||
{[...Array(project.nb_image)].map((_, i) => (
|
||||
<img src={`/assets/images/projects/${project.image_name}/${project.image_name}_${i+1}.png`} alt={project.image_name} className="project-details-image"/>
|
||||
))}
|
||||
</div>
|
||||
<aside>
|
||||
<ul>
|
||||
|
||||