Photo and poster update

README.md

@@ -7,7 +7,7 @@ This is the website of the CDROMS robotics team.
 [![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-e557f9.svg)](LICENSE-CC)
 ![Stars](https://img.shields.io/github/stars/CDROMS-Robotics/cdroms-robotics.github.io?style=social)
 
-![cdroms](https://github.com/user-attachments/assets/efd5609f-3e75-4364-b509-2203a587a18e)
+![cdroms](/public/restricted-assets/cdroms/logos/cdroms-readme.jpg)
 
 ## Development setup
 

public/restricted-assets/README.md

@@ -2,5 +2,4 @@ LICENSE NOTICE
 ===
 
 Except as stated elsewhere in this repository, the material in this directory (and its subdirectories) is **not**
-licensed under the GPL or CC licenses of this repository. Some assets are owned by third parties, others by the project
-author.
+licensed under the GPL or CC licenses of this repository. Some assets are owned by third parties, others by the project author.

src/components/Eurobot.tsx

@@ -9,7 +9,8 @@ interface EurobotProps {
         logo: string,
         name: string,
         url: string,
-    }[]
+    }[],
+    poster?: string,
 }
 
 import {MdOutlineLeaderboard} from "react-icons/md";
@@ -23,10 +24,11 @@ const Eurobot: React.FC<EurobotProps> = ({
                                              points,
                                              result,
                                              leaderboard,
-                                             partners
+                                             partners,
+                                             poster,
                                          }: EurobotProps) => {
     return (
-        <div className="d-flex align-items-center">
+        <div className="d-flex align-items-start">
             <img src={logo} height={250}/>
             <div className="d-flex flex-column gap-2 w-75" style={{marginLeft: "auto"}}>
                 <h4>Coupe de France de Robotique {year}</h4>
@@ -81,6 +83,26 @@ const Eurobot: React.FC<EurobotProps> = ({
                         </div>
                     </div>
                 }
+
+                {poster && (
+                    <div>
+                        <h5 className="mb-2 mt-2">Notre poster</h5>
+                        <a href={poster} target="_blank" rel="noopener noreferrer">
+                            <img
+                                src={poster}
+                                alt={`Poster ${year}`}
+                                height={250}
+                                style={{
+                                    cursor: "pointer",
+                                    transition: "transform 0.2s ease",
+                                    borderRadius: "4px",
+                                }}
+                                onMouseEnter={e => (e.currentTarget.style.transform = "scale(1.05)")}
+                                onMouseLeave={e => (e.currentTarget.style.transform = "scale(1)")}
+                            />
+                        </a>
+                    </div>
+                )}
             </div>
         </div>
     )

src/pages/Participations.tsx

@@ -3,7 +3,7 @@ import Eurobot from "../components/Eurobot.tsx";
 
 const Participations: React.FC = () => {
     return (
-        <div className="container d-flex flex-column gap-5 mt-auto mb-auto">
+        <div className="container d-flex flex-column gap-5 py-5">
             <Eurobot
                 year={2026}
                 description="Pour notre seconde année, l’objectif est d’apporter quelques améliorations au robot
@@ -20,6 +20,7 @@ const Participations: React.FC = () => {
                         url: "https://www.lessavantsfous.fr/contact-paris.html"
                     }
                 ]}
+                poster="/restricted-assets/cdroms/posters/poster-2026.jpg"
             />
             <Eurobot
                 year={2025}
@@ -44,6 +45,7 @@ const Participations: React.FC = () => {
                         url: "https://www.vanves.fr/"
                     }
                 ]}
+                poster="/restricted-assets/cdroms/posters/poster-2025.jpg"
             />
         </div>
     )