modif experience

web/templates/view/experiences.html

@@ -13,51 +13,40 @@
 
         <div class="timeline">
 
+            
+
             <div class="timeline-item">
                 <div class="timeline-dot"></div>
-                <div class="timeline-date"><span class="tag">En cours</span></div>
+                <div class="timeline-date"><span class="tag">2026 - 2028</span></div>
                 <div class="timeline-content">
-                    <h3>Formation — [à compléter]</h3>
+                    <h3>Formation — Mastère Robotique Mécatronique</h3>
-                    <p class="tl-org">[Établissement]</p>
+                    <p class="tl-org">Bordeaux Ynov Campus</p>
-                    <p class="tl-desc">Description de la formation en cours — spécialisation, compétences visées.</p>
+                    <p class="tl-desc">TBD</p>
                     <div class="tl-tags">
                         <span class="tag">Embarqué</span>
                         <span class="tag">Robotique</span>
                         <span class="tag">Systèmes</span>
+                        <span class="tag">Mécatronique</span>
+                        <span class="tag">CAO</span>
                     </div>
                 </div>
             </div>
 
             <div class="timeline-item">
                 <div class="timeline-dot"></div>
-                <div class="timeline-date">2024 – 2025</div>
+                <div class="timeline-date">2026</div>
                 <div class="timeline-content">
-                    <h3>Infrastructure self-hosted</h3>
+                    <h3>ModulX</h3>
-                    <p class="tl-org">Projet personnel</p>
+                    <p class="tl-org">Projet Scolaire</p>
                     <p class="tl-desc">
-                        Mise en place d'un serveur Debian avec stack Docker complète : reverse proxy Nginx,
+                        MODULX est une plateforme électronique modulaire conçue dans un cadre académique, 
-                        Portainer, Nextcloud, Vaultwarden. Administration réseau, sécurisation et automatisation
+                        mais avec une approche professionnelle et évolutive. 
-                        des déploiements via Docker Compose.
+                        L'objectif : créer une base matérielle réutilisable, capable d'évoluer d'un projet à l'autre sans repartir de zéro.
-                    </p>
-                    <div class="tl-tags">
-                        <span class="tag">Docker</span>
-                        <span class="tag">Linux</span>
-                        <span class="tag">Nginx</span>
-                        <span class="tag">WireGuard</span>
-                    </div>
-                </div>
-            </div>
 
-            <div class="timeline-item">
+                        MODULX est pensé comme un organisme vivant : 
-                <div class="timeline-dot"></div>
+                        une carte mère centrale agit comme cerveau,
-                <div class="timeline-date">2024</div>
+                        tandis que des cartes d'extension viennent jouer le rôle d'organes, 
-                <div class="timeline-content">
+                        ajoutés uniquement lorsque le projet en a besoin.
-                    <h3>ModulX — Domotique DIY</h3>
-                    <p class="tl-org">Projet personnel</p>
-                    <p class="tl-desc">
-                        Conception d'un système modulaire de domotique sur ESP32 avec communication MQTT,
-                        interface web locale et contrôle de modules (lumière, capteurs, relais).
-                        Apprentissage de l'intégration système complet : hardware, firmware, réseau, UI.
                     </p>
                     <div class="tl-tags">
                         <span class="tag">ESP32</span>
@@ -70,7 +59,23 @@
 
             <div class="timeline-item">
                 <div class="timeline-dot"></div>
-                <div class="timeline-date">2023</div>
+                <div class="timeline-date"><span class="tag">En cours</span></div>
+                <div class="timeline-content">
+                    <h3>Formation — Bachelor en Informatique spécialité Robotique</h3>
+                    <p class="tl-org">Bordeaux Ynov Campus</p>
+                    <p class="tl-desc">3ème année du Bachelor en Informatique spécialité Robotique.</p>
+                    <div class="tl-tags">
+                        <span class="tag">Embarqué</span>
+                        <span class="tag">Robotique</span>
+                        <span class="tag">Systèmes</span>
+                        <span class="tag">Informatique</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="timeline-item">
+                <div class="timeline-dot"></div>
+                <div class="timeline-date">2025</div>
                 <div class="timeline-content">
                     <h3>Robot mini-foot &amp; Pong LED</h3>
                     <p class="tl-org">Projets personnels</p>
@@ -90,13 +95,55 @@
 
                         <div class="timeline-item">
                 <div class="timeline-dot"></div>
-                <div class="timeline-date">[Année]</div>
+                <div class="timeline-date">2025</div>
                 <div class="timeline-content">
-                    <h3>[Expérience / Formation — à compléter]</h3>
+                    <h3>Expérience — Stage</h3>
-                    <p class="tl-org">[Organisation]</p>
+                    <p class="tl-org">FABLAB BEN</p>
-                    <p class="tl-desc">Description de l'expérience ou de la formation.</p>
+                    <p class="tl-desc">Durant le stage, j'ai eu l'opportunité de travailler sur des projets de robotique et d'électronique.
+                        Mais ce qui a vraiment marqué mon expérience, c'est le rôle de tuteur que j'ai pu endosser auprès des autres Makers / adhérents.
+                    </p>
                     <div class="tl-tags">
-                        <span class="tag">À compléter</span>
+                        <span class="tag">Robotique</span>
+                        <span class="tag">CAO</span>
+                        <span class="tag">Electronique</span>
+                        <span class="tag">Tutorat</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="timeline-item">
+                <div class="timeline-dot"></div>
+                <div class="timeline-date">2023-2024</div>
+                <div class="timeline-content">
+                    <h3>Infrastructure self-hosted</h3>
+                    <p class="tl-org">Projet personnel</p>
+                    <p class="tl-desc">
+                        Mise en place d'un serveur Debian avec stack Docker complète : reverse proxy Nginx,
+                        Portainer, Nextcloud, Vaultwarden. Administration réseau, sécurisation et automatisation
+                        des déploiements via Docker Compose.
+                        (Projet en évolution continue avec ajout de services et optimisations continues).
+                    </p>
+                    <div class="tl-tags">
+                        <span class="tag">Docker</span>
+                        <span class="tag">Linux</span>
+                        <span class="tag">Grafana</span>
+                        <span class="tag">Raspberry Pi</span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="timeline-item">
+                <div class="timeline-dot"></div>
+                <div class="timeline-date">2023 - 2025</div>
+                <div class="timeline-content">
+                    <h3>Formation -Bachelor en Informatique.</h3>
+                    <p class="tl-org">Bordeaux Ynov Campus</p>
+                    <p class="tl-desc">Bachelor en Informatique les 2 premières années.</p>
+                    <div class="tl-tags">
+                        <span class="tag">Développement</span>
+                        <span class="tag">C++</span>
+                        <span class="tag">Dév Web</span>
+                        <span class="tag">Informatique</span>
                     </div>
                 </div>
             </div>