Refactor online CV links in HTML and localization files; update href attributes for improved accessibility and consistency, and remove unnecessary inline elements in CSS for cleaner styling.

Author: EtienneLescot

index-template.html

@@ -55,7 +55,7 @@ <h2 data-i18n="contact-title">Contact</h2>
             <li data-i18n="contact-email">Email: etiennelescot@gmail.com</li>
             <li data-i18n="contact-linkedin">LinkedIn: https://...</li>
             <li data-contact-github>GitHub: https://github.com/EtienneLescot</li>
-            <li data-contact-cv>CV en ligne: https://etiennelescot.github.io/cv/main</li>
+            <li><span data-i18n="contact-cv">CV en ligne :</span> <a id="online-cv-link" href="#" target="_blank" rel="noopener">https://etiennelescot.github.io/cv/</a></li>
           </ul>
         </div>
       </section>
@@ -236,6 +236,30 @@ <h2 data-i18n="interests-title">Centres d'intérêt</h2>
         pdfButton.setAttribute('href', href);
       }
 
+      function updateOnlineCvLink() {
+        const onlineLink = document.getElementById('online-cv-link');
+        if (!onlineLink) return;
+
+        const locale = htmlElement.lang || 'fr';
+        const basePath = htmlElement.getAttribute('data-base-path') || '';
+        const normalizedBase = basePath ? basePath.replace(/\/$/, '') : '.';
+        const indexFile = locale === 'fr' ? '/index.html' : `/index-${locale}.html`;
+
+        let href;
+        if (normalizedBase === '.') {
+          href = `.${indexFile}`;
+        } else if (/^https?:\/\//.test(normalizedBase)) {
+          href = `${normalizedBase}${indexFile}`;
+        } else if (normalizedBase.startsWith('/')) {
+          href = `${window.location.origin}${normalizedBase}${indexFile}`;
+        } else {
+          href = `${normalizedBase}${indexFile}`;
+        }
+
+        onlineLink.setAttribute('href', href);
+        onlineLink.textContent = href;
+      }
+
       if (langButton && langMenu) {
         // Toggle dropdown visibility
         langButton.addEventListener('click', function(e) {
@@ -288,6 +312,7 @@ <h2 data-i18n="interests-title">Centres d'intérêt</h2>
         // Set initial print theme style
         updatePrintThemeStyle(themeToApply);
         updatePdfLink();
+        updateOnlineCvLink();
 
         themeToggle.addEventListener('click', function() {
           const currentTheme = htmlElement.getAttribute('data-theme');
@@ -303,6 +328,7 @@ <h2 data-i18n="interests-title">Centres d'intérêt</h2>
           // Update print theme style
           updatePrintThemeStyle(newTheme);
           updatePdfLink();
+          updateOnlineCvLink();
         });
       }
     });

locales/en.yml

@@ -23,7 +23,7 @@ contact-linkedin: |
 contact-github: |
   - GitHub: <a href="https://github.com/EtienneLescot" target="_blank">https://github.com/EtienneLescot</a>
 contact-cv: |
-  - Online CV : <a href="https://etiennelescot.github.io/cv/short/index-en.html" target="_blank">https://etiennelescot.github.io/cv/short/index-en.html</a>
+  - Online CV :
 profile-title: |
   Profile
 profile-desc: |

locales/fr.yml

@@ -23,7 +23,7 @@ contact-linkedin: |
 contact-github: |
   - GitHub: <a href="https://github.com/EtienneLescot" target="_blank">https://github.com/EtienneLescot</a>
 contact-cv: |
-  - CV en ligne : <a href="https://etiennelescot.github.io/cv/short/index.html" target="_blank">https://etiennelescot.github.io/cv/short/index.html</a>
+  - CV en ligne :
 profile-title: |
   Profil
 profile-desc: |

style.css

@@ -384,14 +384,7 @@ ul li {
     padding-left: 1rem;
 }
 
-ul li::before {
-    content: '>';
-    position: absolute;
-    left: 0;
-    color: var(--accent);
-    font-weight: 900;
-    font-family: var(--font-mono);
-}
+
 
 [data-theme="light"] .contact-section ul li::before {
     color: var(--accent);