feat: localize YouTube "view all videos" button (#173)

* feat: localize YouTube "view all videos" button

Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/dcf70b48-1135-44bd-ac4e-03d97467e100

Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>

* Update .github/workflows/youtube-section-update.yml

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update music.html

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* fix: call switchLanguage on init and clean up unused langContent keys

Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/b51d1e6d-60fe-4182-8214-12306892cf61

Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: 3 people

.github/workflows/youtube-section-update.yml

@@ -54,10 +54,11 @@ jobs:
 
           channel_link = ('<a href="https://www.youtube.com/@DavidKRKofficial"'
                           ' target="_blank" rel="noopener noreferrer"'
-                          ' class="yt-channel-link">&#127909; Voir toutes les videos sur YouTube</a>')
+                          ' class="yt-channel-link">&#127909; <span id="youtube-btn-text">Voir toutes les vidéos</span></a>')
 
           youtube_block = (
               '<!-- YOUTUBE-AUTO-START -->\n'
+              '      <h2 id="youtube-section-title">YouTube</h2>\n'
               '      <div class="yt-grid">\n'
               '        ' + channel_link + '\n'
               '        <div class="yt-cards">' + cards + '</div>\n'

music.html

@@ -141,7 +141,7 @@ <h3><i class="fab fa-youtube" style="color:#ff0000;"></i> Dernières vidéos You
         <div style="margin-top:1.2rem;">
           <a href="https://www.youtube.com/@DavidKRKofficial" target="_blank" rel="noopener noreferrer"
              style="display:inline-flex;align-items:center;gap:0.5rem;background:#ff0000;color:#fff;padding:0.6rem 1.4rem;border-radius:6px;font-family:'Russo One',sans-serif;font-size:0.9rem;text-decoration:none;transition:background 0.2s;">
-            <i class="fab fa-youtube"></i> Voir toutes les vidéos
+            <i class="fab fa-youtube"></i> <span id="youtube-btn-text">Voir toutes les vidéos</span>
           </a>
         </div>
       </section>
@@ -205,6 +205,15 @@ <h3><i class="fab fa-youtube" style="color:#ff0000;"></i> Dernières vidéos You
         const langBtns = document.querySelectorAll('.language-btn');
         const langContents = document.querySelectorAll('.lang-content');
 
+        const langContent = {
+          fr: { youtube_button: 'Voir toutes les vidéos' },
+          en: { youtube_button: 'View all videos' },
+          es: { youtube_button: 'Ver todos los vídeos' },
+          eu: { youtube_button: 'Ikusi bideo guztiak' },
+          ar: { youtube_button: 'عرض جميع مقاطع الفيديو' },
+          uk: { youtube_button: 'Переглянути всі відео' }
+        };
+
         function switchLanguage(lang) {
             langContents.forEach(content => content.classList.remove('active'));
             langBtns.forEach(b => b.classList.remove('active'));
@@ -216,13 +225,19 @@ <h3><i class="fab fa-youtube" style="color:#ff0000;"></i> Dernières vidéos You
             if (activeBtn) {
                 activeBtn.classList.add('active');
             }
+
+            const t = langContent[lang] || langContent['fr'];
+            const btnEl = document.getElementById('youtube-btn-text');
+            if (btnEl) btnEl.textContent = t.youtube_button;
         }
 
         langBtns.forEach(btn => {
             btn.addEventListener('click', () => {
                 switchLanguage(btn.dataset.lang);
             });
         });
+
+        switchLanguage('fr');
     });
   </script>
 </body>