Refactor localization files and CSS styles; adjust list formatting for improved structure and accessibility, and enhance contact section styling for better contrast in light theme.

Author: EtienneLescot

locales/en.yml

@@ -121,20 +121,20 @@ exp4-point3: |
 formation-title: |
   Education
 formation-bts: |
-  BTS Logistics, ESPL, Angers, 2005
+  - BTS Logistics, ESPL, Angers, 2005
 formation-autodidacte: |
-  Self-taught and Technological Watch (2007 - Present): Continuous learning of cloud technologies, AI, SaaS architecture, participation in technical conferences, active monitoring of sector developments
+  - Self-taught and Technological Watch (2007 - Present): Continuous learning of cloud technologies, AI, SaaS architecture, participation in technical conferences, active monitoring of sector developments
 languages-title: |
   Languages
 lang-fr: |
-  French - Native
+  - French - Native
 lang-en: |
-  English - B2 Advanced level
+  - English - B2 Advanced level
 interests-title: |
   Interests
 interest-1: |
-  Boxing: Discipline and self-improvement
+  - <strong>Boxing</strong>: Discipline and self-improvement
 interest-2: |
-  Home Automation and IoT: Home Assistant, Zigbee, AI Assistant with extended context to home sensors, active technological watch
+  - <strong>Home Automation and IoT</strong>: Home Assistant, Zigbee, AI Assistant with extended context to home sensors, active technological watch
 interest-3: |
-  Real Estate Renovation: Technical constraint management and creativity
+  - <strong>Real Estate Renovation</strong>: Technical constraint management and creativity

locales/fr.yml

@@ -121,20 +121,20 @@ exp4-point3: |
 formation-title: |
   Formation
 formation-bts: |
-  BTS Logistique, ESPL, Angers, 2005
+  - BTS Logistique, ESPL, Angers, 2005
 formation-autodidacte: |
-  Autodidacte et Veille Technologique (2007 - Aujourd'hui) : Apprentissage continu des technologies cloud, IA, architecture SaaS, participation à des conférences techniques, veille active sur les évolutions du secteur
+  - Autodidacte et Veille Technologique (2007 - Aujourd'hui) : Apprentissage continu des technologies cloud, IA, architecture SaaS, participation à des conférences techniques, veille active sur les évolutions du secteur
 languages-title: |
   Langues
 lang-fr: |
-  Français - Natif
+  - Français - Natif
 lang-en: |
-  Anglais - B2 Niveau avancé
+  - Anglais - B2 Niveau avancé
 interests-title: |
   Centres d'intérêt
 interest-1: |
-  <strong>Boxe</strong> : Discipline et dépassement de soi
+  - <strong>Boxe</strong> : Discipline et dépassement de soi
 interest-2: |
-  <strong>Domotique et IoT</strong> : Home Assistant, Zigbee, Assistant IA avec contexte étendu aux capteurs de la maison, veille technologique active
+  - <strong>Domotique et IoT</strong> : Home Assistant, Zigbee, Assistant IA avec contexte étendu aux capteurs de la maison, veille technologique active
 interest-3: |
-  <strong>Rénovation immobilière</strong> : Gestion de contraintes techniques et créativité
+  - <strong>Rénovation immobilière</strong> : Gestion de contraintes techniques et créativité

style-web.css

@@ -49,10 +49,6 @@ body {
     display: none;
 }
 
-/* Ensure symbols visible in light theme */
-[data-theme="light"] h2::before {
-    display: inline-block;
-}
 
 /* =================================================================
    DECORATIVE SYMBOLS - Added via CSS for web display only
@@ -65,6 +61,12 @@ body {
     font-family: var(--font-mono);
 }
 
+/* In light theme the contact section uses a blue background, ensure
+   the decorative symbol is white for sufficient contrast */
+[data-theme="light"] .contact-section h2::before {
+    color: var(--contrast-high);
+}
+
 /* Profile: >> */
 .profile-section h2::before {
     content: ">> ";
@@ -185,16 +187,7 @@ body {
     font-style: italic;
 }
 
-.sub-header .sector::before,
-.sub-header .stack::before,
-.sub-header a::before {
-    content: "-";
-    margin-right: 0.5rem;
-    color: var(--muted);
-    font-style: normal;
-    text-decoration: none;
-    display: inline-block;
-}
+
 
 .sub-header a {
     font-size: 0.85rem;
@@ -204,8 +197,14 @@ body {
 .sub-experience ul {
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
+    padding-left: 0;
+}
+.experience-item ul{
+    padding-left: 0;
+}
+.formation-section ul, .languages-section ul, .interests-section ul{
+    padding-left: 0;
 }
-
 .sub-experience li {
     margin-bottom: 0.2rem;
     color: var(--muted);

style.css

@@ -335,9 +335,7 @@ h2 {
     padding-left: 0;
 }
 
-[data-theme="light"] .contact-section h2::before {
-    display: none;
-}
+
 
 .contact-section h2 .symbol {
     color: inherit;
@@ -348,9 +346,7 @@ h2 {
     color: #ffffff;
 }
 
-[data-theme="light"] .contact-section .neonbox ul li::before {
-    color: #ffffff;
-}
+
 
 .contact-section a {
     font-weight: 500;
@@ -365,9 +361,7 @@ h2 {
     font-size: 1.2rem;
 }
 
-[data-theme="light"] h2::before {
-    display: none;
-}
+
 
 /* =================================================================
    LISTS
@@ -386,19 +380,14 @@ ul li {
 
 
 
-[data-theme="light"] .contact-section ul li::before {
-    color: var(--accent);
-}
+
 
 ul ul {
     margin-top: 0.5rem;
     padding-left: 1rem;
 }
 
-ul ul li::before {
-    content: '•';
-    color: var(--muted);
-}
+
 
 /* =================================================================
    LINKS