maj title

js/projet_detail.js

@@ -7,7 +7,8 @@ document.addEventListener("DOMContentLoaded", async () => {
 
   const project = data.find(project => project.id == projectId);
   if (project) {
-    document.getElementById("name_project").innerHTML = project.name;
+    for(obj of document.getElementsByClassName("name_project"))
+      obj.innerHTML = project.name;
   } else {
     console.error("Project not found");
   }
@@ -451,4 +452,26 @@ function updateFrequencyText() {
 
 $( ".arrow-icon" ).click(function() {
   $(this).toggleClass("open");
-});
+});
+
+let titleIsReadable = true;
+
+function change_title_style(){
+  const titlePlaceHolder = document.getElementById('title-global');
+  const xyz = document.getElementById('xyzv');
+  const h3_title = document.getElementById('h3-title');
+  if(titleIsReadable){
+    titleIsReadable = false;
+    titlePlaceHolder.classList.add('container-title');
+    xyz.style.display = 'block';
+    h3_title.style.display = 'none';
+  } else {
+    titleIsReadable = true;
+    titlePlaceHolder.classList.remove('container-title');
+    xyz.style.display = 'none';
+    h3_title.style.display = 'block';
+  }
+ 
+
+} 
+change_title_style();