feat: removed urgent bannger & added current exp

index.html

@@ -71,16 +71,6 @@
     </div>
   </header>
 
-  <aside class="banner" role="note" aria-label="Annonce d'emploi urgente">
-    <div class="container">
-      <span class="badge-urgent">Urgent</span>
-      <span>À la recherche d'opportunités <strong>CDI, CDD, Freelance </strong>en développement
-        <strong>Back</strong>, <strong>Front</strong>, <strong>DevOps</strong>, etc. dans toute la France et à
-        l'international.</span>
-      <a class="btn primary" href="#contact">Contact</a>
-    </div>
-  </aside>
-
   <main class="container">
     <section id="about" class="hero hero-fullscreen" aria-labelledby="hero-title">
       <div class="hero-card">
@@ -99,7 +89,7 @@
           <span class="word">maintenables.</span>
         </h1>
         <p class="animate-fade-in-delayed">
-          Diplômé d'un Bachelor Développeur Web à l'ESD Paris et récemment en poste chez Dollen, je porte une attention
+          Diplômé d'un Bachelor Développeur Web à l'ESD Paris et actuellement en poste chez Tool4Staffing, je porte une attention
           particulière à la maintenabilité et aux bonnes pratiques. Passionné d'informatique, je m'investis
           également dans des projets personnels et des missions en freelance pour continuer à progresser et résoudre des
           problèmes.
@@ -200,9 +190,14 @@
     <section id="experience" class="card reveal">
       <h2>Expériences professionnelles</h2>
       <div class="timeline">
+        <div class="t-item">
+          <div class="t-role">VIE — Développeur Fullstack</div>
+          <div class="t-org">Tool4Staffing • Fev. 2026 - En cours</div>
+        </div>
+
         <div class="t-item">
           <div class="t-role">CDI — Développeur Web Fullstack</div>
-          <div class="t-org">Entreprise : Dollen • Période : Nov. 2024 - Oct. 2025</div>
+          <div class="t-org">Dollen • Nov. 2024 - Oct. 2025</div>
           <ul class="t-bullets">
             <li>Conception logiciel (diagrammes de classes <strong>UML</strong>).</li>
             <li>Back-office: PHP 8.4, Symfony 7.3, Doctrine, Twig, Stimulus, PHPUnit, DDD.</li>
@@ -214,7 +209,7 @@
 
         <div class="t-item">
           <div class="t-role">Apprenti — Développeur Fullstack</div>
-          <div class="t-org">Entreprise : <a href="https://lecadeaupresent.com">Présent </a> • Avr. 2023 - Sep. 2024
+          <div class="t-org"><a href="https://lecadeaupresent.com">Présent </a> • Avr. 2023 - Sep. 2024
           </div>
           <ul class="t-bullets">
             <li>Apps mobiles: Kotlin (interne), Flutter (B2C).</li>
@@ -225,7 +220,7 @@
 
         <div class="t-item">
           <div class="t-role">Apprenti — Développeur R&amp;D</div>
-          <div class="t-org">Entreprise : <a href="https://wattearth.com">WATT Earth</a> • Oct. 2021 - Sept. 2022</div>
+          <div class="t-org"><a href="https://wattearth.com">WATT Earth</a> • Oct. 2021 - Sept. 2022</div>
           <ul class="t-bullets">
             <li>Fonctionnalités cœur produit: VueJS, TS, PHP, Python, MySQL, Warp10, Grafana.</li>
             <li>Maquettage et conception UI (Figma).</li>
@@ -286,7 +281,7 @@
     <p>Pourquoi si simple ? Ce site reste léger et sobre. <a
         href="https://endtimes.dev/why-your-website-should-be-under-14kb-in-size">Pourquoi viser &lt; 14 kB</a></p>
     <a class="to-top" href="#top" aria-label="Revenir en haut">↑</a>
-    <p>Dernière mise à jour : 2025/12/09</p>
+    <p>Dernière mise à jour : 2025/02/10</p>
   </footer>
   <script src="script.js" defer></script>
 </body>

style.css

@@ -473,33 +473,6 @@ a:visited:hover {
     color: var(--accent-2);
 }
 
-/* Urgent banner */
-.banner {
-    opacity: 0;
-    transform: translateY(-100%);
-    animation: slideInFromTop 0.6s ease forwards;
-    animation-delay: 1.5s;
-    position: fixed;
-    left: 0;
-    right: 0;
-    z-index: 15;
-    pointer-events: none;
-    margin-top: 82px;
-}
-
-.banner .container {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    background: var(--surface-2);
-    border: 1px solid var(--border);
-    border-radius: 14px;
-    padding: 12px 16px;
-    backdrop-filter: saturate(1.2) blur(6px);
-    pointer-events: all;
-    max-width: 1084px;
-}
-
 @keyframes slideInFromTop {
     from {
         opacity: 0;
@@ -511,21 +484,6 @@ a:visited:hover {
     }
 }
 
-.badge-urgent {
-    background: #ff5858;
-    color: #0e120e;
-    border: 1px solid #ff9a9a;
-    border-radius: 999px;
-    padding: 4px 10px;
-    font-weight: 700;
-    font-family: var(--font-heading);
-    letter-spacing: 0.02em;
-}
-
-.banner .btn {
-    margin-left: auto;
-}
-
 /* Buttons */
 .btn {
     display: inline-block;
@@ -620,10 +578,6 @@ footer .to-top {
         padding: 24px 16px;
     }
 
-    .banner {
-        display: none;
-    }
-
     section {
         margin-top: 32px;
     }