petits changements post stage

about.html

@@ -160,7 +160,7 @@
                             <div class="skill-item">
                                 <i class="bi bi-pc-display"></i>
                                 <h3>Virtualisation</h3>
-                                <p>VirtualBox, VMware, Docker, bientôt Proxmox.</p>
+                                <p>VirtualBox, VMware, Docker, Proxmox.</p>
                             </div>
                         </div>
                         <div class="col-6 col-md-4 col-lg-3" data-aos="fade-up" data-aos-delay="300">

portfolio.html

@@ -174,17 +174,69 @@
                 <div class="container section-title" data-aos="fade-up">
                     <h2>Portfolio</h2>
                     <p>
-                        Découvrez mes différents projets réalisés dans les
-                        domaines des réseaux informatiques, du cloud computing,
-                        du développement
-                        web, de la cybersécurité et des systèmes Linux. Chaque
-                        projet reflète ma passion pour l'informatique et mon
-                        engagement à développer des compétences techniques
-                        solides.
+                        Un aperçu de mes réalisations — entre projets personnels, travaux académiques et missions professionnelles — couvrant l'administration systèmes et réseaux, la supervision, le cloud, le développement web et la cybersécurité.
                     </p>
                 </div>
                 <!-- End Section Title -->
 
+                <!-- Stage BTS SIO 1ère année -->
+                <div class="container mt-5" data-aos="fade-up" data-aos-delay="100">
+                    <div class="text-center mb-5">
+                        <h3 class="section-subtitle"><i class="bi bi-briefcase me-2"></i>Stage — BTS SIO 1ère année</h3>
+                        <p class="section-subtitle">Stage de fin de première année — Mai / Juin 2026</p>
+                    </div>
+
+                    <div class="row align-items-center gy-4" style="background: var(--surface-color); border-radius: 12px; padding: 2rem; border: 1px solid rgba(19,135,193,0.18);">
+                        <!-- Logo / visuet -->
+                        <div class="col-lg-4 col-md-5 text-center">
+                            <div style="background: #1a2838; border-radius: 10px; padding: 1.5rem; display: inline-block; width: 100%;">
+                                <img src="assets/img/logo-plc.png" alt="Logo Lycée Paul-Louis Courier — BTS SIO" style="max-height: 130px; max-width: 100%; object-fit: contain;">
+                                <div style="margin-top: 1rem;">
+                                    <span class="portfolio-tags" style="display: inline-flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center;">
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">Zabbix</span>
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">Grafana</span>
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">FOG Project</span>
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">Proxmox</span>
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">SNMPv3</span>
+                                        <span style="background: rgba(19,135,193,0.15); color: var(--accent-color); border: 1px solid rgba(19,135,193,0.3); border-radius: 4px; padding: 2px 10px; font-size: 0.78rem;">Linux</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Descriptif -->
+                        <div class="col-lg-8 col-md-7">
+                            <h4 style="color: var(--heading-color); margin-bottom: 0.4rem;">Administration Systèmes et Réseaux</h4>
+                            <p style="color: var(--accent-color); font-size: 0.9rem; margin-bottom: 1rem;">
+                                <i class="bi bi-geo-alt me-1"></i>Lycée Paul-Louis Courier, Tours (37) &nbsp;·&nbsp;
+                                <i class="bi bi-calendar3 me-1"></i>18 mai – 24 juin 2026
+                            </p>
+                            <p style="color: var(--default-color); margin-bottom: 1rem; line-height: 1.7;">
+                                Stage réalisé au sein de l'infrastructure réseau de la section BTS SIO de l'établissement, sous la supervision de M. Balny David. Deux missions principales ont été menées sur infrastructure de production.
+                            </p>
+                            <ul style="color: var(--default-color); line-height: 1.9; padding-left: 1.2rem; margin-bottom: 1.2rem;">
+                                <li><strong style="color: var(--heading-color);">Mission 1 — Déploiement FOG :</strong> déploiement multicast Windows 11 (salle 409, 16 postes) et unicast Debian 13 + Cinnamon (salle 406) via FOG Project sur cluster Proxmox.</li>
+                                <li><strong style="color: var(--heading-color);">Mission 2 — Supervision Zabbix + Grafana :</strong> mise en production d'une stack de supervision complète — équipements réseau multi-constructeurs en SNMPv3 (Aruba, HPE Comware, UniFi), cluster Proxmox via API, services et AD Windows, dashboards Grafana, cartographie réseau et sécurisation HTTPS via PKI interne.</li>
+                            </ul>
+                            <a href="assets/img/portfolio/rapport-stage-bts-sio.pdf" target="_blank" rel="noopener noreferrer"
+                               style="display: inline-flex; align-items: center; gap: 0.5rem; background: var(--accent-color); color: #fff; padding: 0.55rem 1.2rem; border-radius: 6px; font-size: 0.9rem; text-decoration: none; font-weight: 500; transition: opacity 0.2s;"
+                               onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='1'">
+                                <i class="bi bi-file-earmark-pdf"></i> Lire le rapport de stage
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <!-- End Stage Section -->
+
+                <!-- Séparateur Stage / Projets académiques -->
+                <div class="container my-5">
+                    <div class="d-flex align-items-center justify-content-center gap-3">
+                        <hr style="flex: 1; max-width: 200px; opacity: 0.2; border-top: 1px solid currentColor;">
+                        <i class="bi bi-mortarboard" style="color: var(--accent-color); font-size: 1.5rem;"></i>
+                        <hr style="flex: 1; max-width: 200px; opacity: 0.2; border-top: 1px solid currentColor;">
+                    </div>
+                </div>
+
                 <!-- Projets académiques — Lycée Paul Louis Courier -->
                 <div class="container mt-5" data-aos="fade-up" data-aos-delay="100">
                     <div class="text-center mb-5">

resume.html

@@ -77,7 +77,7 @@
       <!-- Section Title -->
       <div class="container section-title" data-aos="fade-up">
         <h2>CV</h2>
-        <p>Étudiant BTS SIO SISR passionné par les infrastructures réseau, le cloud et le DevOps. Certifié Cisco, AWS CPE et ANSSI, je recherche un stage en DevOps/Réseaux/Cloud pour mettre en pratique mes compétences techniques et découvrir les pratiques professionnelles.</p>
+        <p>Étudiant BTS SIO SISR passionné par les infrastructures réseau, la supervision et la virtualisation. Certifié Cisco, AWS CPE et ANSSI. Stage de 1ère année réalisé en administration systèmes et réseaux (déploiement FOG, supervision Zabbix + Grafana) au sein d'une infrastructure de production multi-constructeurs.</p>
       </div><!-- End Section Title -->
 
       <div class="container" data-aos="fade-up" data-aos-delay="100">
@@ -284,6 +284,20 @@
               <h3 class="resume-title">Expériences Professionnelles</h3>
 
               <div class="resume-content">
+                <article class="experience-item">
+                  <h4>Stagiaire — Administration Systèmes et Réseaux</h4>
+                  <h5>Mai 2026 – Juin 2026</h5>
+                  <p class="company"><em>Lycée Paul-Louis Courier, Tours (37)</em></p>
+                  <ul>
+                    <li>Déploiement FOG Project sur cluster Proxmox — multicast Windows 11 (16 postes, salle 409) et unicast Debian 13 + Cinnamon (salle 406)</li>
+                    <li>Mise en production d'une stack de supervision Zabbix 7.4 + Grafana — équipements réseau multi-constructeurs en SNMPv3 (Aruba 3810M, HPE Comware, UniFi), cluster Proxmox via API REST</li>
+                    <li>Dashboards Grafana (réseau, services, Proxmox), cartographie réseau Zabbix, affichage kiosque sur écran de supervision</li>
+                    <li>Métriques personnalisées via UserParameters Bash (baux DHCP, température CPU bi-socket)</li>
+                    <li>Sécurisation HTTPS des interfaces de supervision via PKI interne (CA racine, certificats SubjectAltName)</li>
+                    <li>Documentation infrastructure complète à destination des futurs membres de la section</li>
+                  </ul>
+                </article>
+
                 <article class="experience-item">
                   <h4>Facilitateur/Conseiller Numérique (Service Civique)</h4>
                   <h5>Janvier 2025 - Août 2025</h5>