petites corrections de texte + choix deroulant pour langue

assets/js/translate.js

@@ -14,7 +14,7 @@ const translations = {
     bonjourContent1:
       "Étudiant en troisième année de BUT Production Informatique à l'IUT de Clermont-Ferrand, je suis toujours en quête de nouveaux défis et compétences. Passionné par l'informatique, j'explore divers domaines avec une fascination particulière pour le monde du web.",
     bonjourContent2:
-      'Titulaire d\'un Baccalauréat avec mention Bien, mes spécialités étaient "Mathématiques" et "N.S.I" donc j’ai continué sur un Bachelor Universitaire et Technologique en Production Informatique.',
+      'Titulaire d\'un Baccalauréat mention Bien, mes spécialités étaient "Mathématiques" et "N.S.I" donc j’ai continué sur un Bachelor Universitaire et Technologique en Production Informatique.',
     bonjourContent3:
       "Au fil de mes expériences, j'ai acquis une expertise dans un large éventail de langages de programmation, de bases de données et de frameworks.",
     bonjourContent4:
@@ -92,7 +92,7 @@ const translations = {
 
     legal: "Mentions Légales",
     edit: "Édition du site",
-    descEdit: `Le présent site, accessible à l’URL <a href="https://hugopradier.github.io">https://hugopradier.github.io</a>, est édité par :`,
+    descEdit: `Le présent site, accessible à l’URL <a href="https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/">https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/</a>, est édité par :`,
     hugo: `Hugo PRADIER, résidant 11 Rue de l'Hôtel de Ville 63110 BEAUMONT, de nationalité Française, né le 07/03/2003.`,
     hosting: "Hébergement",
     hostingDesc: `Le Site est hébergé par la société GitHub, possédant son siège social à San Francisco.`,
@@ -103,6 +103,7 @@ const translations = {
     emailContact: `Par email :`,
     postalContact: `Par courrier : 11 Rue de l'Hôtel de Ville 63110 BEAUMONT`,
     infoSection: "Informations",
+    selectedLanguage: "Langue",
   },
   en: {
     accueil: "Home",
@@ -200,7 +201,7 @@ const translations = {
 
     legal: "Legal Notice",
     edit: "Site Edition",
-    descEdit: `This site, accessible at the URL <a href="https://hugopradier.github.io">https://hugopradier.github.io</a>, is edited by:`,
+    descEdit: `This site, accessible at the URL <a href="https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/">https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/</a>, is edited by:`,
     hugo: `Hugo PRADIER, residing at 11 Rue de l'Hôtel de Ville 63110 BEAUMONT, of French`,
     hosting: "Hosting",
     hostingDesc: `The Site is hosted by the company GitHub, with its headquarters in San Francisco.`,
@@ -211,6 +212,7 @@ const translations = {
     emailContact: `By email: <a href="mailto:pradier.hugo36@gmail.com">pradier.hugo36@gmail.com</a>`,
     postalContact: `By mail: 11 Rue de l'Hôtel de Ville 63110 BEAUMONT`,
     infoSection: "Informations",
+    selectedLanguage: "Language",
   },
   es: {
     accueil: "Inicio",
@@ -303,7 +305,7 @@ const translations = {
     send: "Enviar",
     legal: "Aviso legal",
     edit: "Edición del sitio",
-    descEdit: `Este sitio, accesible en la URL <a href="https://hugopradier.github.io">https://hugopradier.github.io</a>, es editado por:`,
+    descEdit: `Este sitio, accesible en la URL <a href="https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/">https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/</a>, es editado por:`,
     hugo: `Hugo PRADIER, residente en 11 Rue de l'Hôtel de Ville 63110 BEAUMONT, de nacionalidad francesa`,
     hosting: "Hospedaje",
     hostingDesc: `El sitio está alojado por la empresa GitHub, con sede en San Francisco.`,
@@ -314,6 +316,7 @@ const translations = {
     emailContact: `Por correo electrónico: <a href="mailto:pradier.hugo36@gmail.com">pradier.hugo36@gmail.com</a>`,
     postalContact: `Por correo: 11 Rue de l'Hôtel de Ville 63110 BEAUMONT`,
     infoSection: "Informaciones",
+    selectedLanguage: "Idioma",
   },
 };
 
@@ -467,4 +470,6 @@ function setLanguage(lang) {
     translations[lang].contact;
   document.querySelector("#infoSection").innerText =
     translations[lang].infoSection;
+  document.querySelector("#selectedLanguage").innerText =
+    translations[lang].selectedLanguage;
 }

index.html

@@ -88,31 +88,52 @@
 
               <!-- Boutons de langue -->
               <li class="nav-item">
+                <div class="dropdown">
                   <button
-                  class="btn btn-link nav-link"
+                    class="btn btn-link dropdown-toggle"
-                  onclick="setLanguage('fr')"
+                    type="button"
+                    id="selectedLanguage"
+                    data-bs-toggle="dropdown"
+                    aria-expanded="false"
                   >
-                  FR
+                    Langue
+                  </button>
+                  <ul class="dropdown-menu" aria-labelledby="languageDropdown">
+                    <li>
+                      <button class="dropdown-item" onclick="setLanguage('fr')">
+                        <img
+                          src="assets/images/france.png"
+                          alt="French Flag"
+                          width="50"
+                        />
+                        Français
                       </button>
                     </li>
-              <li class="nav-item">
+                    <li>
-                <button
+                      <button class="dropdown-item" onclick="setLanguage('en')">
-                  class="btn btn-link nav-link"
+                        <img
-                  onclick="setLanguage('en')"
+                          src="assets/images/unitedKingdom.png"
-                >
+                          alt="UK Flag"
-                  EN
+                          width="50"
+                        />
+                        English
                       </button>
                     </li>
-              <li class="nav-item">
+                    <li>
-                <button
+                      <button class="dropdown-item" onclick="setLanguage('es')">
-                  class="btn btn-link nav-link"
+                        <img
-                  onclick="setLanguage('es')"
+                          src="assets/images/espagne.png"
-                >
+                          alt="Spanish Flag"
-                  ES
+                          width="50"
+                        />
+                        Español
                       </button>
                     </li>
                   </ul>
                 </div>
+              </li>
+            </ul>
+          </div>
         </div>
       </nav>
     </header>
@@ -207,7 +228,7 @@
                 du web.
               </p>
               <p id="bonjourContent2">
-                Titulaire d'un baccalauréat avec mention Bien avec spécialités
+                Titulaire d'un baccalauréat mention Bien avec spécialités
                 "Mathématiques" et "N.S.I", j’ai alors poursuivi vers un
                 Bachelor Universitaire et Technologique en Production
                 informatique.
@@ -1181,7 +1202,7 @@
                     class="form-control default-example"
                     id="message"
                     rows="3"
-                    placeholder="Message"
+                    placeholder="Test"
                   ></textarea>
                   <span id="message-error" class="text-danger"></span>
                 </div>
@@ -1299,7 +1320,8 @@
               <h2 id="edit" class="text-center">Édition du site</h2>
               <p id="descEdit">
                 Le présent site, accessible à l’URL
-                <a href="https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/"
+                <a
+                  href="https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/"
                   >https://codefirst.iut.uca.fr/containers/hugopradier2-Portfolio_PRADIER/</a
                 >, est édité par :
               </p>