Merge branch 'copilot/update-commit-reference' into gh-pages

Author: DavidKRK

assets/css/style.css

@@ -44,13 +44,14 @@ html {
 body {
   margin: 0;
   line-height: inherit;
+}
+
 .language-btn, .lang-content {
   background: rgba(0,0,0,0.9) !important;
   color: #fff !important;
   border: 1px solid #00ff00 !important;
 }
 
-}
 hr {
   height: 0;
   color: inherit;

assets/js/bio.js

@@ -31,5 +31,4 @@ document.addEventListener('DOMContentLoaded', () => {
         });
     });
 
-    // NO default language on page load
 });

assets/js/main.js

@@ -94,13 +94,6 @@ document.addEventListener('DOMContentLoaded', () => {
   const btns = document.querySelectorAll('.language-btn');
   const contents = document.querySelectorAll('.lang-content');
 
-  // Par défaut, cache tout sauf Français
-  contents.forEach((c, i) => {
-    if (i === 0) c.classList.add('active');
-    else c.style.display = 'none';
-  });
-  btns[0].classList.add('active');
-  
   btns.forEach(btn => {
     btn.addEventListener('click', () => {
       const lang = btn.dataset.lang;

bio.html

@@ -54,10 +54,6 @@
 
     <div class="text-center max-w-4xl mx-auto px-4 w-full mt-10">
       <h1 class="main-title">David KRK</h1>
-      <h2 class="main-title">Bio</h2>
-    </div>
-
-    <main class="text-center max-w-4xl mx-auto px-4 w-full">
       <div class="language-selector flex-wrap">
         <button type="button" class="language-btn" data-lang="fr">Français</button>
         <button type="button" class="language-btn" data-lang="en">English</button>
@@ -66,6 +62,15 @@ <h2 class="main-title">Bio</h2>
         <button type="button" class="language-btn" data-lang="ar">العربية</button>
         <button type="button" class="language-btn" data-lang="uk">Ukrainian</button>
       </div>
+      <div class="lang-content" data-lang="fr"><h2 class="main-title">Biographie</h2></div>
+      <div class="lang-content" data-lang="en"><h2 class="main-title">Biography</h2></div>
+      <div class="lang-content" data-lang="es"><h2 class="main-title">Biografía</h2></div>
+      <div class="lang-content" data-lang="eu"><h2 class="main-title">Biografia</h2></div>
+      <div class="lang-content" data-lang="ar" dir="rtl"><h2 class="main-title">السيرة الذاتية</h2></div>
+      <div class="lang-content" data-lang="uk"><h2 class="main-title">Біографія</h2></div>
+    </div>
+
+    <main class="text-center max-w-4xl mx-auto px-4 w-full">
 
       <div class="bio-content mb-12 text-base sm:text-lg max-w-3xl mx-auto">
 

contact.html

@@ -46,9 +46,8 @@
         </a>
       </header>
 
-      <main class="text-center max-w-4xl mx-auto px-4 w-full mt-10">
+      <div class="text-center max-w-4xl mx-auto px-4 w-full mt-10">
         <h1 class="main-title">David KRK</h1>
-        <h2 class="main-title">Contact</h2>
 
         <div class="language-selector flex-wrap">
           <button type="button" class="language-btn" data-lang="fr">Français</button>
@@ -59,6 +58,15 @@ <h2 class="main-title">Contact</h2>
           <button type="button" class="language-btn" data-lang="uk">Ukrainian</button>
         </div>
 
+        <div class="lang-content" data-lang="fr"><h2 class="main-title">Contact</h2></div>
+        <div class="lang-content" data-lang="en"><h2 class="main-title">Contact</h2></div>
+        <div class="lang-content" data-lang="es"><h2 class="main-title">Contacto</h2></div>
+        <div class="lang-content" data-lang="eu"><h2 class="main-title">Kontaktua</h2></div>
+        <div class="lang-content" data-lang="ar" dir="rtl"><h2 class="main-title">تواصل</h2></div>
+        <div class="lang-content" data-lang="uk"><h2 class="main-title">Контакт</h2></div>
+      </div>
+
+      <main class="text-center max-w-4xl mx-auto px-4 w-full">
         <div class="contact-form-container">
           <div class="lang-content" data-lang="fr">
             <div class="contact-form">
@@ -169,7 +177,10 @@ <h2 class="main-title">Contact</h2>
           const langContents = document.querySelectorAll('.lang-content');
 
           function switchLanguage(lang) {
-              langContents.forEach(content => content.classList.remove('active'));
+              langContents.forEach(content => {
+                  content.classList.remove('active');
+                  content.style.display = '';
+              });
               langBtns.forEach(b => b.classList.remove('active'));
 
               const contentsToShow = document.querySelectorAll(`.lang-content[data-lang="${lang}"]`);
@@ -187,8 +198,6 @@ <h2 class="main-title">Contact</h2>
               });
           });
 
-          // Set default language to French
-          switchLanguage('fr');
       });
     </script>
   </body>

event.html

@@ -135,9 +135,6 @@ <h1 class="main-title">David KRK</h1>
                 switchLanguage(btn.dataset.lang);
             });
         });
-
-        // Set default language to French
-        switchLanguage('fr');
     });
     </script>
 </body>

index.html

@@ -60,6 +60,13 @@ <h1 class="main-title">David KRK</h1>
         <button type="button" class="language-btn" data-lang="uk">Ukrainian</button>
       </div>
 
+      <div class="lang-content" data-lang="fr"><h2 class="main-title">Accueil</h2></div>
+      <div class="lang-content" data-lang="en"><h2 class="main-title">Home</h2></div>
+      <div class="lang-content" data-lang="es"><h2 class="main-title">Inicio</h2></div>
+      <div class="lang-content" data-lang="eu"><h2 class="main-title">Hasiera</h2></div>
+      <div class="lang-content" data-lang="ar" dir="rtl"><h2 class="main-title">الرئيسية</h2></div>
+      <div class="lang-content" data-lang="uk"><h2 class="main-title">Головна</h2></div>
+
       <div class="lang-content" data-lang="fr">
         <div class="text-lg">
             <p class="mt-4">Site officiel de David KRK</p>
@@ -160,8 +167,6 @@ <h1 class="main-title">David KRK</h1>
             });
         });
 
-        // Set default language to French
-        switchLanguage('fr');
     });
     </script>
 </body>

music.html

@@ -129,8 +129,6 @@ <h1 class="main-title">David KRK</h1>
             });
         });
 
-        // Set default language to French
-        switchLanguage('fr');
     });
     </script>
 </body>

shop.html

@@ -60,6 +60,13 @@ <h1 class="main-title">David KRK</h1>
         <button type="button" class="language-btn" data-lang="uk">Ukrainian</button>
       </div>
 
+      <div class="lang-content" data-lang="fr"><h2 class="main-title">Boutique</h2></div>
+      <div class="lang-content" data-lang="en"><h2 class="main-title">Shop</h2></div>
+      <div class="lang-content" data-lang="es"><h2 class="main-title">Tienda</h2></div>
+      <div class="lang-content" data-lang="eu"><h2 class="main-title">Denda</h2></div>
+      <div class="lang-content" data-lang="ar" dir="rtl"><h2 class="main-title">المتجر</h2></div>
+      <div class="lang-content" data-lang="uk"><h2 class="main-title">Магазин</h2></div>
+
       <!-- FR -->
       <div class="lang-content" data-lang="fr">
         <div class="text-lg">
@@ -218,8 +225,6 @@ <h2 class="mt-4">Офіційний магазин</h2>
           switchLanguage(btn.dataset.lang);
         });
       });
-
-      switchLanguage('fr');
     });
   </script>
 </body>