From 080a7116e244d5f2b6b56a5fda736e14fd96e1c9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Jun 2026 21:45:23 +0000
Subject: [PATCH 1/5] Initial plan


From 8faa92aeb985a2dc6f4be7ed7c259f15514e983e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Jun 2026 21:49:49 +0000
Subject: [PATCH 2/5] Reduce Lighthouse third-party overhead

---
 contact.html |  2 --
 index.html   |  5 ++-
 music.html   | 90 +++++++++++++++++++++++++++++++++++++---------------
 3 files changed, 66 insertions(+), 31 deletions(-)
diff --git a/contact.html b/contact.html
index 28c78146..8731afc2 100644
--- a/contact.html
+++ b/contact.html
@@ -177,8 +177,6 @@ <h1 class="main-title">David KRK</h1>
       </footer>
     </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
-    <script src="assets/js/main.js"></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {
           const langBtns = document.querySelectorAll('.language-btn');
diff --git a/index.html b/index.html
index 30a3fa40..e0a9cc38 100644
--- a/index.html
+++ b/index.html
@@ -119,8 +119,9 @@ <h1 class="main-title">David KRK</h1>
       <!-- Slider “player‑widget” (optionnel) -->
       <section class="mt-8 mb-8 player-container">
         <iframe title="Mixcloud player" width="100%" height="120"
+                loading="lazy"
                 style="border:0;"
-                src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&autoplay=1&feed=%2FDavidKRK%2Fdavid-krk-life-good-techno-ep3%2F"
+                src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2FDavidKRK%2Fdavid-krk-life-good-techno-ep3%2F"
                 allow="autoplay; encrypted-media; fullscreen; idle-detection; speaker-selection; web-share"></iframe>
       </section>
     </main>
@@ -152,8 +153,6 @@ <h1 class="main-title">David KRK</h1>
     </footer>
   </div>
 
-  <script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
-  <script src="assets/js/main.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
         const langBtns = document.querySelectorAll('.language-btn');
diff --git a/music.html b/music.html
index 6533b739..f4ab1c97 100644
--- a/music.html
+++ b/music.html
@@ -91,6 +91,35 @@
       color: rgba(255,255,255,0.5);
       font-size: 0.75rem;
     }
+    .player-load-wrapper {
+      margin: 0 auto 2rem;
+      max-width: 900px;
+      padding: 0 1rem;
+      text-align: center;
+    }
+    .player-load-btn {
+      background: transparent;
+      border: 1px solid var(--primary-color, #ff0000);
+      border-radius: 999px;
+      color: #fff;
+      cursor: pointer;
+      font-family: 'Russo One', sans-serif;
+      font-size: 0.95rem;
+      letter-spacing: 0.05em;
+      padding: 0.85rem 1.4rem;
+      text-transform: uppercase;
+      transition: background-color 0.2s ease, transform 0.2s ease;
+    }
+    .player-load-btn:hover,
+    .player-load-btn:focus-visible {
+      background: rgba(255,0,0,0.15);
+      transform: translateY(-1px);
+    }
+    .player-load-note {
+      color: rgba(255,255,255,0.75);
+      font-size: 0.9rem;
+      margin-top: 0.75rem;
+    }
   </style>
 </head>
 <body class="music-page">
@@ -166,8 +195,16 @@ <h2 class="main-title">Музика</h2>
     </div>
 
     <main class="text-center max-w-4xl mx-auto px-4 w-full music-main-content">
-      <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
-      <div class="elfsight-app-0d876127-462b-4b8f-95a5-33ec1a5916f8" data-elfsight-app-lazy></div>
+      <section class="player-load-wrapper" aria-labelledby="audio-player-trigger">
+        <button type="button" id="audio-player-trigger" class="player-load-btn" aria-controls="audio-player-widget">
+          Charger le lecteur audio
+        </button>
+        <p class="player-load-note">Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.</p>
+        <div id="audio-player-widget" class="elfsight-app-0d876127-462b-4b8f-95a5-33ec1a5916f8" data-elfsight-app-lazy hidden></div>
+        <noscript>
+          <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Écouter sur Mixcloud</a></p>
+        </noscript>
+      </section>
 
       <!-- YOUTUBE-AUTO-START -->
       <h2 id="youtube-section-title">YouTube</h2>
@@ -207,34 +244,13 @@ <h2 id="youtube-section-title">YouTube</h2>
     </footer>
   </div>
 
-  <script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
-  <script src="assets/js/main.js"></script>
   <script>
-    // Chargement dynamique des vidéos YouTube depuis youtube-videos.json
-    fetch('assets/data/youtube-videos.json')
-      .then(r => r.json())
-      .then(videos => {
-        const grid = document.getElementById('youtube-grid');
-        if (!grid || !videos.length) return;
-        grid.innerHTML = videos.map(v => `
-          <a class="youtube-card" href="${v.url}" target="_blank" rel="noopener noreferrer">
-            <img src="${v.thumbnail}" alt="${v.title}" loading="lazy" width="480" height="270">
-            <div class="youtube-card-body">
-              <div class="youtube-card-title">${v.title}</div>
-              <div class="youtube-card-date">${v.published}</div>
-            </div>
-          </a>
-        `).join('');
-      })
-      .catch(() => {
-        const grid = document.getElementById('youtube-grid');
-        if (grid) grid.innerHTML = '<p style="color:rgba(255,255,255,0.5);text-align:center;">Vidéos temporairement indisponibles.</p>';
-      });
-
-    // Sélecteur de langue
     document.addEventListener('DOMContentLoaded', () => {
+        const audioPlayerTrigger = document.getElementById('audio-player-trigger');
+        const audioPlayerWidget = document.getElementById('audio-player-widget');
         const langBtns = document.querySelectorAll('.language-btn');
         const langContents = document.querySelectorAll('.lang-content');
+        let audioPlayerLoaded = false;
 
         const langContent = {
           fr: { youtube_title: 'Dernières vidéos YouTube', youtube_button: 'Voir toutes les vidéos' },
@@ -245,6 +261,28 @@ <h2 id="youtube-section-title">YouTube</h2>
           uk: { youtube_title: 'Останні відео на YouTube', youtube_button: 'Переглянути всі відео' }
         };
 
+        function loadAudioPlayer() {
+            if (audioPlayerLoaded || !audioPlayerWidget) {
+                return;
+            }
+
+            audioPlayerLoaded = true;
+            audioPlayerWidget.hidden = false;
+
+            const script = document.createElement('script');
+            script.src = 'https://static.elfsight.com/platform/platform.js';
+            script.defer = true;
+            script.dataset.useServiceCore = '';
+            document.head.appendChild(script);
+
+            if (audioPlayerTrigger) {
+                audioPlayerTrigger.disabled = true;
+                audioPlayerTrigger.textContent = 'Lecteur audio chargé';
+            }
+        }
+
+        audioPlayerTrigger?.addEventListener('click', loadAudioPlayer);
+
         function switchLanguage(lang) {
             langContents.forEach(content => content.classList.remove('active'));
             langBtns.forEach(b => b.classList.remove('active'));

From 310dd26f6ca189ed77b5646a3dbeffb68c778f9c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Jun 2026 21:52:47 +0000
Subject: [PATCH 3/5] Improve deferred player accessibility

---
 music.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/music.html b/music.html
index f4ab1c97..efc72d37 100644
--- a/music.html
+++ b/music.html
@@ -120,6 +120,17 @@
       font-size: 0.9rem;
       margin-top: 0.75rem;
     }
+    .visually-hidden {
+      border: 0;
+      clip: rect(0 0 0 0);
+      height: 1px;
+      margin: -1px;
+      overflow: hidden;
+      padding: 0;
+      position: absolute;
+      white-space: nowrap;
+      width: 1px;
+    }
   </style>
 </head>
 <body class="music-page">
@@ -200,6 +211,7 @@ <h2 class="main-title">Музика</h2>
           Charger le lecteur audio
         </button>
         <p class="player-load-note">Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.</p>
+        <p id="audio-player-status" class="visually-hidden" role="status" aria-live="polite"></p>
         <div id="audio-player-widget" class="elfsight-app-0d876127-462b-4b8f-95a5-33ec1a5916f8" data-elfsight-app-lazy hidden></div>
         <noscript>
           <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Écouter sur Mixcloud</a></p>
@@ -247,6 +259,7 @@ <h2 id="youtube-section-title">YouTube</h2>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
         const audioPlayerTrigger = document.getElementById('audio-player-trigger');
+        const audioPlayerStatus = document.getElementById('audio-player-status');
         const audioPlayerWidget = document.getElementById('audio-player-widget');
         const langBtns = document.querySelectorAll('.language-btn');
         const langContents = document.querySelectorAll('.lang-content');
@@ -262,7 +275,7 @@ <h2 id="youtube-section-title">YouTube</h2>
         };
 
         function loadAudioPlayer() {
-            if (audioPlayerLoaded || !audioPlayerWidget) {
+            if (audioPlayerLoaded || !audioPlayerTrigger || !audioPlayerWidget) {
                 return;
             }
 
@@ -275,9 +288,12 @@ <h2 id="youtube-section-title">YouTube</h2>
             script.dataset.useServiceCore = '';
             document.head.appendChild(script);
 
-            if (audioPlayerTrigger) {
-                audioPlayerTrigger.disabled = true;
-                audioPlayerTrigger.textContent = 'Lecteur audio chargé';
+            audioPlayerTrigger.disabled = true;
+            audioPlayerTrigger.textContent = 'Lecteur audio chargé';
+            audioPlayerTrigger.setAttribute('aria-label', 'Lecteur audio chargé');
+
+            if (audioPlayerStatus) {
+                audioPlayerStatus.textContent = 'Le lecteur audio externe est maintenant chargé.';
             }
         }
 

From 9bdaa7fe77c2871ec84a83c2975b9c59dfcabbd3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Jun 2026 21:54:05 +0000
Subject: [PATCH 4/5] Localize deferred player text

---
 music.html | 76 +++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 64 insertions(+), 12 deletions(-)

diff --git a/music.html b/music.html
index efc72d37..580af99d 100644
--- a/music.html
+++ b/music.html
@@ -112,7 +112,7 @@
     }
     .player-load-btn:hover,
     .player-load-btn:focus-visible {
-      background: rgba(255,0,0,0.15);
+      background: color-mix(in srgb, var(--primary-color, #ff0000) 15%, transparent);
       transform: translateY(-1px);
     }
     .player-load-note {
@@ -210,11 +210,11 @@ <h2 class="main-title">Музика</h2>
         <button type="button" id="audio-player-trigger" class="player-load-btn" aria-controls="audio-player-widget">
           Charger le lecteur audio
         </button>
-        <p class="player-load-note">Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.</p>
+        <p id="audio-player-note" class="player-load-note">Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.</p>
         <p id="audio-player-status" class="visually-hidden" role="status" aria-live="polite"></p>
         <div id="audio-player-widget" class="elfsight-app-0d876127-462b-4b8f-95a5-33ec1a5916f8" data-elfsight-app-lazy hidden></div>
         <noscript>
-          <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Écouter sur Mixcloud</a></p>
+          <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Mixcloud</a></p>
         </noscript>
       </section>
 
@@ -259,6 +259,7 @@ <h2 id="youtube-section-title">YouTube</h2>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
         const audioPlayerTrigger = document.getElementById('audio-player-trigger');
+        const audioPlayerNote = document.getElementById('audio-player-note');
         const audioPlayerStatus = document.getElementById('audio-player-status');
         const audioPlayerWidget = document.getElementById('audio-player-widget');
         const langBtns = document.querySelectorAll('.language-btn');
@@ -266,12 +267,54 @@ <h2 id="youtube-section-title">YouTube</h2>
         let audioPlayerLoaded = false;
 
         const langContent = {
-          fr: { youtube_title: 'Dernières vidéos YouTube', youtube_button: 'Voir toutes les vidéos' },
-          en: { youtube_title: 'Latest YouTube Videos', youtube_button: 'View all videos' },
-          es: { youtube_title: 'Últimos vídeos de YouTube', youtube_button: 'Ver todos los vídeos' },
-          eu: { youtube_title: 'Azken YouTube bideoak', youtube_button: 'Ikusi bideo guztiak' },
-          ar: { youtube_title: 'أحدث مقاطع يوتيوب', youtube_button: 'عرض جميع مقاطع الفيديو' },
-          uk: { youtube_title: 'Останні відео на YouTube', youtube_button: 'Переглянути всі відео' }
+          fr: {
+            youtube_title: 'Dernières vidéos YouTube',
+            youtube_button: 'Voir toutes les vidéos',
+            player_button: 'Charger le lecteur audio',
+            player_loaded: 'Lecteur audio chargé',
+            player_note: 'Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.',
+            player_status: 'Le lecteur audio externe est maintenant chargé.'
+          },
+          en: {
+            youtube_title: 'Latest YouTube Videos',
+            youtube_button: 'View all videos',
+            player_button: 'Load audio player',
+            player_loaded: 'Audio player loaded',
+            player_note: 'The external player loads on demand to speed up page rendering.',
+            player_status: 'The external audio player is now loaded.'
+          },
+          es: {
+            youtube_title: 'Últimos vídeos de YouTube',
+            youtube_button: 'Ver todos los vídeos',
+            player_button: 'Cargar el reproductor de audio',
+            player_loaded: 'Reproductor de audio cargado',
+            player_note: 'El reproductor externo se carga bajo demanda para acelerar la visualización de la página.',
+            player_status: 'El reproductor de audio externo ya está cargado.'
+          },
+          eu: {
+            youtube_title: 'Azken YouTube bideoak',
+            youtube_button: 'Ikusi bideo guztiak',
+            player_button: 'Kargatu audio erreproduzitzailea',
+            player_loaded: 'Audio erreproduzitzailea kargatuta',
+            player_note: 'Kanpoko erreproduzitzailea eskatu ahala kargatzen da orria azkarrago erakusteko.',
+            player_status: 'Kanpoko audio erreproduzitzailea kargatuta dago orain.'
+          },
+          ar: {
+            youtube_title: 'أحدث مقاطع يوتيوب',
+            youtube_button: 'عرض جميع مقاطع الفيديو',
+            player_button: 'تحميل مشغل الصوت',
+            player_loaded: 'تم تحميل مشغل الصوت',
+            player_note: 'يتم تحميل المشغل الخارجي عند الطلب لتسريع عرض الصفحة.',
+            player_status: 'تم الآن تحميل مشغل الصوت الخارجي.'
+          },
+          uk: {
+            youtube_title: 'Останні відео на YouTube',
+            youtube_button: 'Переглянути всі відео',
+            player_button: 'Завантажити аудіоплеєр',
+            player_loaded: 'Аудіоплеєр завантажено',
+            player_note: 'Зовнішній плеєр завантажується на вимогу, щоб пришвидшити показ сторінки.',
+            player_status: 'Зовнішній аудіоплеєр тепер завантажено.'
+          }
         };
 
         function loadAudioPlayer() {
@@ -279,6 +322,8 @@ <h2 id="youtube-section-title">YouTube</h2>
                 return;
             }
 
+            const t = langContent[document.documentElement.lang] || langContent.fr;
+
             audioPlayerLoaded = true;
             audioPlayerWidget.hidden = false;
 
@@ -289,11 +334,11 @@ <h2 id="youtube-section-title">YouTube</h2>
             document.head.appendChild(script);
 
             audioPlayerTrigger.disabled = true;
-            audioPlayerTrigger.textContent = 'Lecteur audio chargé';
-            audioPlayerTrigger.setAttribute('aria-label', 'Lecteur audio chargé');
+            audioPlayerTrigger.textContent = t.player_loaded;
+            audioPlayerTrigger.setAttribute('aria-label', t.player_loaded);
 
             if (audioPlayerStatus) {
-                audioPlayerStatus.textContent = 'Le lecteur audio externe est maintenant chargé.';
+                audioPlayerStatus.textContent = t.player_status;
             }
         }
 
@@ -318,6 +363,13 @@ <h2 id="youtube-section-title">YouTube</h2>
             if (btnEl) btnEl.textContent = t.youtube_button;
             const headingEl = document.getElementById('youtube-section-title');
             if (headingEl) headingEl.textContent = t.youtube_title;
+            if (audioPlayerTrigger) {
+                const playerLabel = audioPlayerLoaded ? t.player_loaded : t.player_button;
+                audioPlayerTrigger.textContent = playerLabel;
+                audioPlayerTrigger.setAttribute('aria-label', playerLabel);
+            }
+            if (audioPlayerNote) audioPlayerNote.textContent = t.player_note;
+            if (audioPlayerStatus) audioPlayerStatus.textContent = audioPlayerLoaded ? t.player_status : '';
 
             // Update document language and text direction for accessibility and RTL support
             document.documentElement.lang = lang;

From b748a8609da3ed656be68d0c94bcd94e48d6832f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Jun 2026 21:55:32 +0000
Subject: [PATCH 5/5] Polish deferred player copy

---
 music.html | 220 +++++++++++++++++++++++++++--------------------------
 1 file changed, 111 insertions(+), 109 deletions(-)

diff --git a/music.html b/music.html
index 580af99d..2118b84a 100644
--- a/music.html
+++ b/music.html
@@ -214,7 +214,7 @@ <h2 class="main-title">Музика</h2>
         <p id="audio-player-status" class="visually-hidden" role="status" aria-live="polite"></p>
         <div id="audio-player-widget" class="elfsight-app-0d876127-462b-4b8f-95a5-33ec1a5916f8" data-elfsight-app-lazy hidden></div>
         <noscript>
-          <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Mixcloud</a></p>
+          <p class="player-load-note"><a href="https://www.mixcloud.com/DavidKRK/" target="_blank" rel="noopener noreferrer">Listen on Mixcloud</a></p>
         </noscript>
       </section>
 
@@ -258,131 +258,133 @@ <h2 id="youtube-section-title">YouTube</h2>
 
   <script>
     document.addEventListener('DOMContentLoaded', () => {
-        const audioPlayerTrigger = document.getElementById('audio-player-trigger');
-        const audioPlayerNote = document.getElementById('audio-player-note');
-        const audioPlayerStatus = document.getElementById('audio-player-status');
-        const audioPlayerWidget = document.getElementById('audio-player-widget');
-        const langBtns = document.querySelectorAll('.language-btn');
-        const langContents = document.querySelectorAll('.lang-content');
-        let audioPlayerLoaded = false;
+      const audioPlayerTrigger = document.getElementById('audio-player-trigger');
+      const audioPlayerNote = document.getElementById('audio-player-note');
+      const audioPlayerStatus = document.getElementById('audio-player-status');
+      const audioPlayerWidget = document.getElementById('audio-player-widget');
+      const langBtns = document.querySelectorAll('.language-btn');
+      const langContents = document.querySelectorAll('.lang-content');
+      let audioPlayerLoaded = false;
 
-        const langContent = {
-          fr: {
-            youtube_title: 'Dernières vidéos YouTube',
-            youtube_button: 'Voir toutes les vidéos',
-            player_button: 'Charger le lecteur audio',
-            player_loaded: 'Lecteur audio chargé',
-            player_note: 'Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.',
-            player_status: 'Le lecteur audio externe est maintenant chargé.'
-          },
-          en: {
-            youtube_title: 'Latest YouTube Videos',
-            youtube_button: 'View all videos',
-            player_button: 'Load audio player',
-            player_loaded: 'Audio player loaded',
-            player_note: 'The external player loads on demand to speed up page rendering.',
-            player_status: 'The external audio player is now loaded.'
-          },
-          es: {
-            youtube_title: 'Últimos vídeos de YouTube',
-            youtube_button: 'Ver todos los vídeos',
-            player_button: 'Cargar el reproductor de audio',
-            player_loaded: 'Reproductor de audio cargado',
-            player_note: 'El reproductor externo se carga bajo demanda para acelerar la visualización de la página.',
-            player_status: 'El reproductor de audio externo ya está cargado.'
-          },
-          eu: {
-            youtube_title: 'Azken YouTube bideoak',
-            youtube_button: 'Ikusi bideo guztiak',
-            player_button: 'Kargatu audio erreproduzitzailea',
-            player_loaded: 'Audio erreproduzitzailea kargatuta',
-            player_note: 'Kanpoko erreproduzitzailea eskatu ahala kargatzen da orria azkarrago erakusteko.',
-            player_status: 'Kanpoko audio erreproduzitzailea kargatuta dago orain.'
-          },
-          ar: {
-            youtube_title: 'أحدث مقاطع يوتيوب',
-            youtube_button: 'عرض جميع مقاطع الفيديو',
-            player_button: 'تحميل مشغل الصوت',
-            player_loaded: 'تم تحميل مشغل الصوت',
-            player_note: 'يتم تحميل المشغل الخارجي عند الطلب لتسريع عرض الصفحة.',
-            player_status: 'تم الآن تحميل مشغل الصوت الخارجي.'
-          },
-          uk: {
-            youtube_title: 'Останні відео на YouTube',
-            youtube_button: 'Переглянути всі відео',
-            player_button: 'Завантажити аудіоплеєр',
-            player_loaded: 'Аудіоплеєр завантажено',
-            player_note: 'Зовнішній плеєр завантажується на вимогу, щоб пришвидшити показ сторінки.',
-            player_status: 'Зовнішній аудіоплеєр тепер завантажено.'
-          }
-        };
+      const langContent = {
+        fr: {
+          youtube_title: 'Dernières vidéos YouTube',
+          youtube_button: 'Voir toutes les vidéos',
+          player_button: 'Charger le lecteur audio',
+          player_loaded: 'Lecteur audio chargé',
+          player_note: 'Le lecteur externe se charge à la demande pour accélérer l’affichage de la page.',
+          player_status: 'Le lecteur audio externe est maintenant chargé.'
+        },
+        en: {
+          youtube_title: 'Latest YouTube Videos',
+          youtube_button: 'View all videos',
+          player_button: 'Load audio player',
+          player_loaded: 'Audio player loaded',
+          player_note: 'The external player loads on demand to speed up page rendering.',
+          player_status: 'The external audio player is now loaded.'
+        },
+        es: {
+          youtube_title: 'Últimos vídeos de YouTube',
+          youtube_button: 'Ver todos los vídeos',
+          player_button: 'Cargar el reproductor de audio',
+          player_loaded: 'Reproductor de audio cargado',
+          player_note: 'El reproductor externo se carga bajo demanda para acelerar la visualización de la página.',
+          player_status: 'El reproductor de audio externo ya está cargado.'
+        },
+        eu: {
+          youtube_title: 'Azken YouTube bideoak',
+          youtube_button: 'Ikusi bideo guztiak',
+          player_button: 'Kargatu audio erreproduzitzailea',
+          player_loaded: 'Audio erreproduzitzailea kargatuta',
+          player_note: 'Kanpoko erreproduzitzailea eskatu ahala kargatzen da orria azkarrago erakusteko.',
+          player_status: 'Kanpoko audio erreproduzitzailea kargatuta dago orain.'
+        },
+        ar: {
+          youtube_title: 'أحدث مقاطع يوتيوب',
+          youtube_button: 'عرض جميع مقاطع الفيديو',
+          player_button: 'تحميل مشغل الصوت',
+          player_loaded: 'تم تحميل مشغل الصوت',
+          player_note: 'يتم تحميل المشغل الخارجي عند الطلب لتسريع عرض الصفحة.',
+          player_status: 'تم الآن تحميل مشغل الصوت الخارجي.'
+        },
+        uk: {
+          youtube_title: 'Останні відео на YouTube',
+          youtube_button: 'Переглянути всі відео',
+          player_button: 'Завантажити аудіоплеєр',
+          player_loaded: 'Аудіоплеєр завантажено',
+          player_note: 'Зовнішній плеєр завантажується на вимогу, щоб пришвидшити показ сторінки.',
+          player_status: 'Зовнішній аудіоплеєр тепер завантажено.'
+        }
+      };
 
-        function loadAudioPlayer() {
-            if (audioPlayerLoaded || !audioPlayerTrigger || !audioPlayerWidget) {
-                return;
-            }
+      function loadAudioPlayer() {
+        if (audioPlayerLoaded || !audioPlayerTrigger || !audioPlayerWidget) {
+          return;
+        }
 
-            const t = langContent[document.documentElement.lang] || langContent.fr;
+        const t = langContent[document.documentElement.lang] || langContent.fr;
 
-            audioPlayerLoaded = true;
-            audioPlayerWidget.hidden = false;
+        audioPlayerLoaded = true;
+        audioPlayerWidget.hidden = false;
 
-            const script = document.createElement('script');
-            script.src = 'https://static.elfsight.com/platform/platform.js';
-            script.defer = true;
-            script.dataset.useServiceCore = '';
-            document.head.appendChild(script);
+        const script = document.createElement('script');
+        script.src = 'https://static.elfsight.com/platform/platform.js';
+        script.defer = true;
+        script.dataset.useServiceCore = '';
+        document.head.appendChild(script);
 
-            audioPlayerTrigger.disabled = true;
-            audioPlayerTrigger.textContent = t.player_loaded;
-            audioPlayerTrigger.setAttribute('aria-label', t.player_loaded);
+        audioPlayerTrigger.disabled = true;
+        audioPlayerTrigger.textContent = t.player_loaded;
+        audioPlayerTrigger.setAttribute('aria-label', t.player_loaded);
 
-            if (audioPlayerStatus) {
-                audioPlayerStatus.textContent = t.player_status;
-            }
+        if (audioPlayerStatus) {
+          audioPlayerStatus.textContent = t.player_status;
         }
+      }
 
-        audioPlayerTrigger?.addEventListener('click', loadAudioPlayer);
+      if (audioPlayerTrigger) {
+        audioPlayerTrigger.addEventListener('click', loadAudioPlayer);
+      }
 
-        function switchLanguage(lang) {
-            langContents.forEach(content => content.classList.remove('active'));
-            langBtns.forEach(b => b.classList.remove('active'));
+      function switchLanguage(lang) {
+        langContents.forEach(content => content.classList.remove('active'));
+        langBtns.forEach(b => b.classList.remove('active'));
 
-            const contentsToShow = document.querySelectorAll(`.lang-content[data-lang="${lang}"]`);
-            contentsToShow.forEach(content => content.classList.add('active'));
-            
-            const activeBtn = document.querySelector(`.language-btn[data-lang="${lang}"]`);
-            if (activeBtn) {
-                activeBtn.classList.add('active');
-            }
+        const contentsToShow = document.querySelectorAll(`.lang-content[data-lang="${lang}"]`);
+        contentsToShow.forEach(content => content.classList.add('active'));
 
-            const t = langContent[lang] || langContent['fr'];
-            const titleEl = document.getElementById('youtube-title-text');
-            if (titleEl) titleEl.textContent = t.youtube_title;
-            const btnEl = document.getElementById('youtube-btn-text');
-            if (btnEl) btnEl.textContent = t.youtube_button;
-            const headingEl = document.getElementById('youtube-section-title');
-            if (headingEl) headingEl.textContent = t.youtube_title;
-            if (audioPlayerTrigger) {
-                const playerLabel = audioPlayerLoaded ? t.player_loaded : t.player_button;
-                audioPlayerTrigger.textContent = playerLabel;
-                audioPlayerTrigger.setAttribute('aria-label', playerLabel);
-            }
-            if (audioPlayerNote) audioPlayerNote.textContent = t.player_note;
-            if (audioPlayerStatus) audioPlayerStatus.textContent = audioPlayerLoaded ? t.player_status : '';
+        const activeBtn = document.querySelector(`.language-btn[data-lang="${lang}"]`);
+        if (activeBtn) {
+          activeBtn.classList.add('active');
+        }
 
-            // Update document language and text direction for accessibility and RTL support
-            document.documentElement.lang = lang;
-            document.documentElement.dir = (lang === 'ar') ? 'rtl' : 'ltr';
+        const t = langContent[lang] || langContent.fr;
+        const titleEl = document.getElementById('youtube-title-text');
+        if (titleEl) titleEl.textContent = t.youtube_title;
+        const btnEl = document.getElementById('youtube-btn-text');
+        if (btnEl) btnEl.textContent = t.youtube_button;
+        const headingEl = document.getElementById('youtube-section-title');
+        if (headingEl) headingEl.textContent = t.youtube_title;
+        if (audioPlayerTrigger) {
+          const playerLabel = audioPlayerLoaded ? t.player_loaded : t.player_button;
+          audioPlayerTrigger.textContent = playerLabel;
+          audioPlayerTrigger.setAttribute('aria-label', playerLabel);
         }
+        if (audioPlayerNote) audioPlayerNote.textContent = t.player_note;
+        if (audioPlayerStatus) audioPlayerStatus.textContent = audioPlayerLoaded ? t.player_status : '';
+
+        // Update document language and text direction for accessibility and RTL support
+        document.documentElement.lang = lang;
+        document.documentElement.dir = (lang === 'ar') ? 'rtl' : 'ltr';
+      }
 
-        langBtns.forEach(btn => {
-            btn.addEventListener('click', () => {
-                switchLanguage(btn.dataset.lang);
-            });
+      langBtns.forEach(btn => {
+        btn.addEventListener('click', () => {
+          switchLanguage(btn.dataset.lang);
         });
+      });
 
-        switchLanguage('fr');
+      switchLanguage('fr');
     });
   </script>
 </body>
