From d837c02c74ce216688fb2da61f18b9b4d26ca684 Mon Sep 17 00:00:00 2001
From: NoaSlld <noa.sillard@gmail.com>
Date: Wed, 25 Jun 2025 16:07:49 +0200
Subject: [PATCH] maj contenu

---
 js/main.js              | 37 ++++++++++++++++++++++++++-----------
 sections/footer.html    |  1 +
 sections/formation.html |  8 ++++++++
 style.css               |  4 ++--
 style/formation.css     |  4 ++--
 5 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/js/main.js b/js/main.js
index 486dd38..b324329 100644
--- a/js/main.js
+++ b/js/main.js
@@ -83,16 +83,28 @@ document.addEventListener('sectionsLoaded', () => {
             date: "2024 - Présent",
             title: "Alternant développeur web",
             company: "Coqpit, Clermont-Ferrand",
-            description: `<p>J'ai créé des sites webs en autonomie, en gérant le développement ainsi que le suivi du projet avec les clients.</p>
-            <p>Caractéristiques principales :</p>
+            description: `<p>J'ai créé des sites webs en autonomie, en assurant à la fois le développement ainsi que le suivi du projet avec les clients.</p>
+            <p>Caractéristiques générales :</p>
             <ul>
                 <li>Alternance de 1120 heures</li>
                 <li>Suivi du projet directement avec les clients</li>
-                <li>Compréhension de leurs demandes</li>
+                <li>Compréhension de leurs besoins</li>
                 <li>Vulgarisation technique</li>
-                <li>Formation des clients sur l’utilisation de Wordpress</li>
-                <li>Création de sites webs avec Wordpress (ACF pro), HTML, SCSS, JS, PHP)</li>
-                <li>Participation au BNI (Business Network International) jaude business</li>
+                <li>Formation des clients à l’utilisation de leur site</li>
+                <li>Création de sites web avec WordPress (ACF pro), HTML, SCSS, JS, PHP</li>
+                <li>Participation au BNI (Business Network International) Jaude Business</li>
+            </ul>
+            <p>Exemple de projet :</p>
+            <ul>
+                <li>Développement d'un calendrier de réservation d'un site touristique via une API</li>
+                <li>Rendez-vous avec l'entreprise canadienne en charge de l'API afin de comprendre son fonctionnement.
+                Le rendez-vous s'est déroulé en anglais avec 5 personnes.</li>
+                <li>Consommation optimisée de l'API </li>
+                <li>Restructuration des données dans des fichiers .json pour optimiser les performances lors de l'affichage par les clients</li>
+                <li>Chargement des données chaque nuit via des CRON </li>
+                <li>Développement du front-end </li>
+                <li>Réunion de nouveau en anglais avec les ingénieurs canadiens pour vérifier la qualité de mon code et l'optimisation des appels API</li>
+                <li>Mise en production de mon code</li>
             </ul>`,
             skills: ["Wordpress", "ACF Pro", "HTML", "SCSS", "JS", "PHP"],
         },
@@ -103,9 +115,9 @@ document.addEventListener('sectionsLoaded', () => {
             description: `<p>J'ai développé un module du CMS open source Thelia et automatisé la génération de la documentation du CMS</p>
             <p>Caractéristiques principales :</p>
             <ul>
-                <li>Développement du module CustomFrontMenu qui permet à un client de gérer ses menus en autonomie</li>
-                <li>Prise d'initiative de développer des scripts pour automatiser la création de la documentation du CMS</li>
-                <li>Choix de ne pas utiliser de librairies afin de limiter le nombre de dépendances du produit final chez le client</li>
+                <li>Développement du module CustomFrontMenu qui permet à un client de monitorer les menus de son site en autonomie</li>
+                <li>J'ai pris l'initiative de développer des scripts pour automatiser la création de la documentation du CMS</li>
+                <li>J'ai choisi de ne pas utiliser de librairies afin de limiter le nombre de dépendances du produit final, chez le client</li>
                 <li>Mise en production</li>
                 <li>J'ai mené l'équipe de 3 personnes avec laquelle j'ai travaillé</li>
             </ul>`,
@@ -118,9 +130,12 @@ document.addEventListener('sectionsLoaded', () => {
             description: `<p>J'ai participé au développement d'une application interne de gestion des temps et de facturation automatisée</p>
             <p>Caractéristiques principales :</p>
             <ul>
-                <li>Développement d'une application interne de gestion des temps et de facturation automatisée</li>
+                <li>Développement d'une application interne de gestion des temps et de facturation automatisée. 
+                Elle contient un calendirer avec des filtres par équipe, projets etc. Les heures réalisées sont 
+                pré-remplies dans les fiches de saisie des heures travaillées. En fonction du nombre d'heures rélaisées sur chaque projet,
+                les indicateurs sur les couts du projet se mettent automatiquement à jour.</li>
                 <li>Compréhension des deux applications existantes à remplacer</li>
-                <li>Propositions d'automatisations</li>
+                <li>J'ai proposé d'automatiser certaines fonctionnalités</li>
                 <li>Mise en production</li>
                 <li>Choix précis des librairies et retrait de certaines d'entre elles afin de garantir les performances et la sécurité de l'application</li>
             </ul>`,
diff --git a/sections/footer.html b/sections/footer.html
index 77a6557..f40bab3 100644
--- a/sections/footer.html
+++ b/sections/footer.html
@@ -3,6 +3,7 @@
         <div class="footer-content">
             <a href="CV.pdf" class="btn-primary" download="CV_SILLARD_Noa.pdf" >Télécharger CV</a>
             <p>Mon contact: <a href="mailto:noa.sillard@gmail.com">noa.sillard@gmail.com</a></p>
+            <p>Porfolio entièrement réalisé par mes soins</p>
         </div>
     </div>
 </footer>
\ No newline at end of file
diff --git a/sections/formation.html b/sections/formation.html
index 31c70a4..ab59a86 100644
--- a/sections/formation.html
+++ b/sections/formation.html
@@ -3,6 +3,14 @@
         <span class="section-subtitle">Parcours</span>
         <h2 class="section-title">Formation</h2>
         <div class="timeline">
+            <div class="timeline-item">
+                <div class="timeline-content">
+                    <h3>2025 - </h3>
+                    <h4>MGE (Master en management) en école de commerce</h4>
+                    <p>Tours</p>
+                    <p>Place validée, non commencé</p>
+                </div>
+            </div>
             <div class="timeline-item">
                 <div class="timeline-content">
                     <h3>2021 - 2025</h3>
diff --git a/style.css b/style.css
index 59a5e7a..5a5f00b 100644
--- a/style.css
+++ b/style.css
@@ -463,11 +463,11 @@ body {
 }
 
 .timeline-item:nth-child(odd) .timeline-content::before {
-    right: -3rem;
+    right: -2.6rem;
 }
 
 .timeline-item:nth-child(even) .timeline-content::before {
-    left: -3rem;
+    left: -2.6rem;
 }
 
 .timeline-content h3 {
diff --git a/style/formation.css b/style/formation.css
index c7274d7..e3331a9 100644
--- a/style/formation.css
+++ b/style/formation.css
@@ -57,11 +57,11 @@
 }
 
 .timeline-item:nth-child(odd) .timeline-content::before {
-    right: -3rem;
+    right: -2.6rem;
 }
 
 .timeline-item:nth-child(even) .timeline-content::before {
-    left: -3rem;
+    left: -2.6rem;
 }
 
 .timeline-content h3 {