{% extends "view/base.html" %}
{% block title %}Parcours — Nino LABAT{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='experiences.css') }}">
{% endblock %}

{% block content %}
<section class="experiences-section">
    <div class="container">
        <h1 class="section-title">Mon <span>parcours</span></h1>
        <p class="section-subtitle">Formation, projets clés et étapes marquantes.</p>

        <div class="timeline">

            

            <div class="timeline-item">
                <div class="timeline-dot"></div>
                <div class="timeline-date"><span class="tag">2026 - 2028</span></div>
                <div class="timeline-content">
                    <h3>Formation — Mastère Robotique Mécatronique</h3>
                    <p class="tl-org">Bordeaux Ynov Campus</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">2026</div>
                <div class="timeline-content">
                    <h3>ModulX</h3>
                    <p class="tl-org">Projet Scolaire</p>
                    <p class="tl-desc">
                        MODULX est une plateforme électronique modulaire conçue dans un cadre académique, 
                        mais avec une approche professionnelle et évolutive. 
                        L'objectif : créer une base matérielle réutilisable, capable d'évoluer d'un projet à l'autre sans repartir de zéro.

                        MODULX est pensé comme un organisme vivant : 
                        une carte mère centrale agit comme cerveau,
                        tandis que des cartes d'extension viennent jouer le rôle d'organes, 
                        ajoutés uniquement lorsque le projet en a besoin.
                    </p>
                    <div class="tl-tags">
                        <span class="tag">ESP32</span>
                        <span class="tag">C++</span>
                        <span class="tag">MQTT</span>
                        <span class="tag">IoT</span>
                    </div>
                </div>
            </div>

            <div class="timeline-item">
                <div class="timeline-dot"></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>
                    <p class="tl-desc">
                        Deux projets d'électronique et robotique menés en parallèle : un robot autonome
                        de mini-football (ESP32, capteurs ultrason, moteurs DC) et une implémentation
                        du jeu Pong sur matrice LED avec Arduino.
                    </p>
                    <div class="tl-tags">
                        <span class="tag">Arduino</span>
                        <span class="tag">ESP32</span>
                        <span class="tag">Robotique</span>
                        <span class="tag">C++</span>
                    </div>
                </div>
            </div>

                        <div class="timeline-item">
                <div class="timeline-dot"></div>
                <div class="timeline-date">2025</div>
                <div class="timeline-content">
                    <h3>Expérience — Stage</h3>
                    <p class="tl-org">FABLAB BEN</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">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>

        </div>
    </div>
</section>
{% endblock %}