APDATE

static/script.js

@@ -18,53 +18,51 @@ function loadResumerPage() {
                 <div class="logo-bottom">AI</div>
             </div>
             <div class="menu-section">
-                <button class="menu-btn" id="traductionbutton">TRADUCTION</button>
-                <button class="menu-btn" id="qesdocButton">QUESTION</button>
-                <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
+                <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
+                <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
             </div>
             <div class="menu-section">
                 <div class="menu-title">IMAGES</div>
-                <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
-                <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
+                <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
             </div>
         </div>
         <div class="main-content-area">
             <div class="document-container">
-                <h1 class="document-main-title">Opérations sur documents</h1>
-                <h2 class="document-subtitle">RÉSUMER 📋</h2>
+                <h1 class="document-main-title">Documents Operations</h1>
+                <h2 class="document-subtitle">SUMMARIZE 📋</h2>
                 <div class="upload-container">
                     <div class="file-drop-zone" id="fileDropZone">
                         <label for="fileInput" class="file-upload-label">
                             <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                            <span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
+                            <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
                         </label>
                         <input type="file" id="fileInput" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                     </div>
-                    <button class="summary-action-btn">RÉSUMER</button>
+                    <button class="summary-action-btn">SUMMARIZE</button>
                 </div>
                <div class="results-container">
     <div class="results-placeholder">
         <div id="scrollableResult" class="scrollable-text">
             <p id="documentResult" class="placeholder-text" data-summary-text="">
-                Le résultat apparaîtra ici...
+                The result will appear here...
             </p>
        
         
-
         <!-- Boutons de téléchargement visibles en bas -->
         <div id="downloadSection" style="display: none; margin-top: 20px;">
-            <h3 style="color: black; margin-bottom: 10px;">Télécharger le résumé</h3>
+            <h3 style="color: black; margin-bottom: 10px;">Download the summary</h3>
             <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;">
                 <button id="downloadPdf" class="download-btn">PDF</button>
                 <button id="downloadWord" class="download-btn">Word</button>
                 <button id="downloadPpt" class="download-btn">PowerPoint</button>
-                <button id="downloadTxt" class="download-btn">Texte</button>
+                <button id="downloadTxt" class="download-btn">Text</button>
             </div>
         </div>
     </div>
     </div>
 </div>
-
             </div>
         </div>
     `;
@@ -83,11 +81,11 @@ function loadResumerPage() {
         let resultElement = document.getElementById("documentResult");
 
         if (fileInput.files.length === 0) {
-            resultElement.innerText = "⚠️ Aucun fichier sélectionné !";
+            resultElement.innerText = "⚠️ No file selected !";
             return;
         }
 
-        resultElement.innerText = "Chargement du résumé... 🕐";
+        resultElement.innerText = "Loading the summary... 🕐";
 
         let formData = new FormData();
         formData.append("file", fileInput.files[0]);
@@ -113,14 +111,14 @@ function loadResumerPage() {
 
             if (data.summary) {
                 resultElement.innerHTML = `
-                    <h3 class="centered-title">📝 Résumé généré :</h3>
+                    <h3 class="centered-title">📝 Summary generated :</h3>
                     <br>
                     <p>${data.summary}</p>
                 `;
                 document.getElementById("documentResult").dataset.summaryText = data.summary;
                 document.getElementById("downloadSection").style.display = "block";
             } else {
-                resultElement.innerText = "❌ Résumé non disponible.";
+                resultElement.innerText = "❌ Summary not available.";
             }
         } catch (error) {
             console.error("❌ Erreur : ", error);
@@ -224,25 +222,25 @@ function loadResumerPage() {
                 <div class="logo-bottom">AI</div>
             </div>
             <div class="menu-section">
-                <button class="menu-btn" id="resumerButton">RESUME</button>
-                <button class="menu-btn" id="qesdocButton">QUESTION</button>
-                <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
+                <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
+                <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
             </div>
             <div class="menu-section">
                 <div class="menu-title">IMAGES</div>
-                <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
-                <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
+                <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
             </div>
         </div>
         <div class="main-content-area">
             <div class="document-container">
-                <h1 class="document-main-title">Opérations sur documents</h1>
+                <h1 class="document-main-title">Documents Operations</h1>
                 <h2 class="document-subtitle">TRANSLATE</h2>
                 <div class="upload-container">
                     <div class="file-drop-zone" id="fileDropZone">
                         <label for="translateFile" class="file-upload-label">
                             <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                            <span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
+                            <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
                         </label>
                         <input type="file" id="translateFile" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                     </div>
@@ -356,14 +354,14 @@ function loadResumerPage() {
                 </div>
                 <div class="results-container">
                     <div class="results-placeholder">
-                        <p class="placeholder-text" id="translateResult">Le résultat apparaîtra ici...</p>
+                        <p class="placeholder-text" id="translateResult">The result will appear here...</p>
                         <div id="downloadSection" style="display: none; margin-top: 20px;">
-                            <h3 style="color: white; margin-bottom: 10px;">Télécharger la traduction</h3>
+                            <h3 style="color: white; margin-bottom: 10px;">Download the translation</h3>
                             <div style="display: flex; gap: 10px;">
                                 <button id="downloadPdf" class="download-btn">PDF</button>
                                 <button id="downloadWord" class="download-btn">Word</button>
                                 <button id="downloadPpt" class="download-btn">PowerPoint</button>
-                                <button id="downloadTxt" class="download-btn">Texte</button>
+                                <button id="downloadTxt" class="download-btn">Text</button>
                             </div>
                         </div>
                     </div>
@@ -444,12 +442,12 @@ function loadResumerPage() {
         const resultElement = document.getElementById("translateResult");
         
         if (!fileInput.files[0]) {
-            resultElement.innerText = "⚠️Veuillez sélectionner un fichier";
+            resultElement.innerText = "⚠️No file selected";
             return;
         }
         
         if (!targetLang) {
-            resultElement.innerText = "⚠️Veuillez sélectionner une langue";
+            resultElement.innerText = "⚠️No language selected";
             return;
         }
          
@@ -458,7 +456,7 @@ function loadResumerPage() {
         formData.append("target_lang", targetLang);
 
         try {
-            resultElement.innerText = "Traduction en cours...🕐";
+            resultElement.innerText = "Translation in progress...🕐";
             const response = await fetch("/translate/", {  
                 method: "POST",
                 body: formData,
@@ -472,13 +470,13 @@ function loadResumerPage() {
             const data = await response.json();
             
             if (data.translated_text) {
-                resultElement.innerText = "📝 Traduction : " + data.translated_text;
+                resultElement.innerText = "📝 Translation : " + data.translated_text;
                 // Stocker le texte traduit pour le téléchargement
                 resultElement.dataset.translatedText = data.translated_text;
                 // Afficher les options de téléchargement
                 document.getElementById("downloadSection").style.display = "block";
             } else {
-                resultElement.innerText = "❌ Traduction non disponible.";
+                resultElement.innerText = "❌ Translation not available.";
             }
         } catch (error) {
             console.error("Erreur:", error);
@@ -561,43 +559,43 @@ function loadDocPage() {
                 </div>
     
                 <div class="menu-section">
-                    <button class="menu-btn" id="resumerButton">RESUME</button>
+                    <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                     <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
-                    <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                    <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
                 </div>
     
                 <div class="menu-section">
                     <div class="menu-title">IMAGES</div>
-                    <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
-                    <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                    <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
+                    <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
                 </div>
             </div>
     
             <div class="main-content-area">
                 <div class="document-container">
-                    <h1 class="document-main-title">Opérations sur documents</h1>
-                    <h2 class="document-subtitle">QUESTION DOCUMENTS 📄❓</h2>
+                    <h1 class="document-main-title">Documents Operations</h1>
+                    <h2 class="document-subtitle">DOCUMENTS QUESTIONS 📄❓</h2>
     
                     <div class="upload-container">
                         <div class="file-drop-zone" id="fileDropZone">
                             <label for="fileInput" class="file-upload-label">
                                 <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                                <span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
+                                <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
                             </label>
                             <input type="file" id="fileInput" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
                         </div>
     
                         <div class="question-container">
                             <div class="question">
-                                <input type="text" id="questionInput" placeholder="Tapez votre question ici...">
+                                <input type="text" id="questionInput" placeholder="Enter your question here...">
                             </div>
-                            <button class="question-btn" id="askDocBtn">Envoyer</button>
+                            <button class="question-btn" id="askDocBtn">Send</button>
                         </div>
                     </div>
     
                     <div class="results-container">
                         <div class="results-placeholder">
-                            <p id="documentAnswer" class="placeholder-text">Le résultat apparaîtra ici...</p>
+                            <p id="documentAnswer" class="placeholder-text">The result will appear here...</p>
                         </div>
                     </div>
                 </div>
@@ -647,7 +645,7 @@ askBtn.addEventListener('click', async () => {
     const answerDiv = document.getElementById('documentAnswer');
 
     if (!file || !question) {
-        answerDiv.innerHTML = "⚠️ Veuillez ajouter un fichier et une question.";
+        answerDiv.innerHTML = "⚠️ No question or file selected.";
         return;
     }
 
@@ -656,7 +654,7 @@ askBtn.addEventListener('click', async () => {
     formData.append("question", question);
 
     // Afficher "⏳ Analyse du document en cours..." pendant le traitement
-    answerDiv.innerHTML = "⏳ Analyse du document en cours...";
+    answerDiv.innerHTML = "⏳Document analysis in progress...";
 
     try {
         const response = await fetch("/doc-qa/", {
@@ -668,7 +666,7 @@ askBtn.addEventListener('click', async () => {
         if (data.answer) {
             
             answerDiv.innerHTML = `
-                <h3 class="centered-title">✅ La réponse :</h3>
+                <h3 class="centered-title">✅ The result :</h3>
                 <br>
                 <p>${data.answer}</p>
             `;
@@ -697,25 +695,25 @@ askBtn.addEventListener('click', async () => {
                 <div class="logo-bottom">AI</div>
             </div>
             <div class="menu-section">
-                <button class="menu-btn" id="resumerButton">RESUME</button>
+                <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                 <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
-                <button class="menu-btn" id="qesdocButton">QUESTION</button>
+                <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
             </div>
             <div class="menu-section">
                 <div class="menu-title">IMAGES</div>
-                <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
-                <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
+                <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
             </div>
         </div>
         <div class="main-content-area">
             <div class="document-container">
-                <h1 class="document-main-title">Opérations sur documents</h1>
-                <h2 class="document-subtitle">VISUALISATION</h2>
+                <h1 class="document-main-title">Documents Operations</h1>
+                <h2 class="document-subtitle">VISUALIZATION</h2>
                 <div class="upload-container">
                     <div class="file-drop-zone" id="fileDropZone">
                         <label for="graphFileInput" class="file-upload-label">
                             <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                            <span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
+                            <span class="drop-text" id="dropText">Drop your file here or click to browse</span>
                         </label>
                         <input type="file" id="graphFileInput" class="file-input" 
                                accept=".xls,.xlsx" hidden>
@@ -724,22 +722,22 @@ askBtn.addEventListener('click', async () => {
                     <div class="action-container">
                         <select id="graphTypeSelect" class="language-dropdown">
                             <option value="">Select type</option>
-                            <option value="histplot">Histogramme</option>
-                            <option value="scatterplot">Nuage de points</option>
-                            <option value="lineplot">Courbe</option>
-                            <option value="barplot">Diagramme en barres</option>
-                            <option value="boxplot">Boîte à moustaches</option>
+                            <option value="histplot">Histogram</option>
+                            <option value="scatterplot">Scatter plot</option>
+                            <option value="lineplot">line plot</option>
+                            <option value="barplot">bar plot</option>
+                            <option value="boxplot">box plot</option>
                         </select>
-                        <button type="button" id="generateGraphBtn" class="graph-generate-btn">Générer</button>
+                        <button type="button" id="generateGraphBtn" class="graph-generate-btn">Generate</button>
                     </div>
                 </div>
                 <div class="graph-results-container">
                     <div class="graph-results-placeholder">
                         <img id="graphResultImage" class="graph-result-img">
-                        <p class="placeholder-text" id="graphPlaceholderText">Le résultat apparaîtra ici...</p>
+                        <p class="placeholder-text" id="graphPlaceholderText">The result will appear here...</p>
                     </div>
                     <div id="downloadSection" style="display: none; margin-top: 20px; text-align: center;">
-                        <h3 style="color: white; margin-bottom: 10px;">Télécharger le graphique</h3>
+                        <h3 style="color: white; margin-bottom: 10px;">Download the graph</h3>
                         <div style="display: flex; justify-content: center; gap: 10px;">
                             <button id="downloadPng" class="download-btn">PNG</button>
                             <button id="downloadJpg" class="download-btn">JPG</button>
@@ -807,13 +805,13 @@ askBtn.addEventListener('click', async () => {
 
         // Validation
         if (!fileInput.files[0]) {
-            placeholderText.textContent = "⚠️Veuillez sélectionner un fichier";
+            placeholderText.textContent = "⚠️No file selected";
             downloadSection.style.display = "none";
             return;
         }
 
         if (!graphTypeSelect.value) {
-            placeholderText.textContent = "⚠️Veuillez sélectionner un type de graphique";
+            placeholderText.textContent = "⚠️No graph type selected";
             downloadSection.style.display = "none";
             return;
         }
@@ -821,7 +819,7 @@ askBtn.addEventListener('click', async () => {
         // Préparation de l'interface
         resultImage.style.display = "none";
         downloadSection.style.display = "none";
-        placeholderText.textContent = "Génération du graphique en cours...🕐";
+        placeholderText.textContent = "Graph generation in progress...🕐";
 
         try {
             // Envoi des données
@@ -933,28 +931,28 @@ function loadInterpretationPage() {
                 </div>
     
                 <div class="menu-section">
-                    <button class="menu-btn" id="qesimgButton">QUESTIONS</button>
+                    <button class="menu-btn" id="qesimgButton">IMAGES-QUESTIONS</button>
                 </div>
     
                 <div class="menu-section">
                     <div class="menu-title">DOCUMENTS</div>
-                    <button class="menu-btn" id="resumerButton">RESUMER</button>
+                    <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                     <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
-                    <button class="menu-btn" id="qesdocButton">QUESTION</button>
-                    <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                    <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
+                    <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
                 </div>
             </div>
     
             <div class="main-content-area">
                 <div class="document-container">
-                    <h1 class="document-main-title">Opérations sur images</h1>
-                    <h2 class="document-subtitle">INTERPRÉTATION DES IMAGES 🏞️🤖</h2>
+                    <h1 class="document-main-title">Images Operations</h1>
+                    <h2 class="document-subtitle">IMAGES INTERPRETATION 🏞️🤖</h2>
     
                     <div class="upload-container">
                         <div class="file-drop-zone" id="fileDropZone">
                             <label for="fileInput" class="file-upload-label">
                                 <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                                <span class="drop-text" id="dropText">Déposez votre image ici ou cliquez pour parcourir</span>
+                                <span class="drop-text" id="dropText">Drop your image here or click to browse</span>
                             </label>
                             <input type="file" id="fileInput" class="file-input" accept=".jpg,.jpeg,.png,.gif,.bmp,.webp" hidden>
                         </div>
@@ -963,7 +961,7 @@ function loadInterpretationPage() {
     
                     <div class="results-container">
                         <div class="results-placeholder" id="imageCaptionResult">
-                            <p class="placeholder-text">Le résultat apparaîtra ici...</p>
+                            <p class="placeholder-text">The result will appear here...</p>
                         </div>
                     </div>
                 </div>
@@ -1014,7 +1012,7 @@ interpretButton.addEventListener('click', async function () {
     
 
     if (!file) {
-        resultContainer.innerHTML = `<p class="placeholder-text">⚠️ Veuillez sélectionner une image.</p>`;
+        resultContainer.innerHTML = `<p class="placeholder-text">⚠️ No image selected.</p>`;
         return;
     }
 
@@ -1022,7 +1020,7 @@ interpretButton.addEventListener('click', async function () {
     formData.append("file", file);
 
     // Afficher le message de chargement pendant l'analyse
-    resultContainer.innerHTML = `<p class="placeholder-text">⏳ Analyse en cours...</p>`;
+    resultContainer.innerHTML = `<p class="placeholder-text">⏳ Image analysis in progress...</p>`;
 
     try {
         const response = await fetch("/image-caption/", {
@@ -1035,7 +1033,7 @@ interpretButton.addEventListener('click', async function () {
         if (data.caption) {
             
            resultContainer.innerHTML = `
-    <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black;">📸 Légende générée :</h3>
+    <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black;">📸 Generated caption :</h3>
     <br>
     <p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.caption}</p>
 `;
@@ -1065,28 +1063,28 @@ interpretButton.addEventListener('click', async function () {
                 </div>
     
                 <div class="menu-section">
-                    <button class="menu-btn" id="interpretationButton">INTERPRETER</button>
+                    <button class="menu-btn" id="interpretationButton">INTERPRETATION</button>
                 </div>
     
                 <div class="menu-section">
                     <div class="menu-title">DOCUMENTS</div>
-                    <button class="menu-btn" id="resumerButton">RESUMER</button>
+                    <button class="menu-btn" id="resumerButton">SUMMARIZE</button>
                     <button class="menu-btn" id="traductionbutton">TRANSLATE</button>
-                    <button class="menu-btn" id="qesdocButton">QUESTION</button>
-                    <button class="menu-btn" id="visualisationButton">VISUALISATION</button>
+                    <button class="menu-btn" id="qesdocButton">DOC-QUESTIONS</button>
+                    <button class="menu-btn" id="visualisationButton">VISUALIZATION</button>
                 </div>
             </div>
     
             <div class="main-content-area">
                 <div class="document-container">
-                    <h1 class="document-main-title">Opérations sur images</h1>
-                    <h2 class="document-subtitle">QUESTION IMAGES 🖼️❓</h2>
+                    <h1 class="document-main-title">Images Operations</h1>
+                    <h2 class="document-subtitle">IMAGES QUESTIONS 🖼️❓</h2>
     
                     <div class="upload-container">
                         <div class="file-drop-zone" id="fileDropZone">
                             <label for="fileInput" class="file-upload-label">
                                 <img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
-                                <span class="drop-text" id="dropText">Déposez votre image ici ou cliquez pour parcourir</span>
+                                <span class="drop-text" id="dropText">Drop your image here or click to browse</span>
                             </label>
                             <input type="file" id="imageInput" class="file-input" accept=".jpg,.jpeg,.png,.gif,.bmp,.webp" hidden>
                         </div>
@@ -1094,15 +1092,15 @@ interpretButton.addEventListener('click', async function () {
     
                     <div class="question-container">
                           <div class="question">
-                            <input type="text" id="questionInput" placeholder="Tapez votre question ici...">
+                            <input type="text" id="questionInput" placeholder="Enter your question here...">
                           </div>
-                            <button class="question-btn" id="sendImageQuestionBtn">Envoyer</button>
+                            <button class="question-btn" id="sendImageQuestionBtn">Send</button>
                      </div>
                     </div>
     
                     <div  id="imageAnswer" class="results-container">
                         <div class="results-placeholder">
-                            <p class="placeholder-text">Le résultat apparaîtra ici...</p>
+                            <p class="placeholder-text">The result will appear here...</p>
                         </div>
                     </div>
                 </div>
@@ -1154,7 +1152,7 @@ sendBtn.addEventListener("click", async function () {
         const question = questionInput.value.trim();
 
         if (!file || !question) {
-            resultContainer.innerHTML = "<p class='placeholder-text'>⚠️ Veuillez sélectionner une image et poser une question.</p>";
+            resultContainer.innerHTML = "<p class='placeholder-text'>⚠️ No question or image selected.</p>";
             return;
         }
 
@@ -1163,7 +1161,7 @@ sendBtn.addEventListener("click", async function () {
         formData.append("question", question);
 
         // Afficher le message de chargement
-        resultContainer.innerHTML = `<p class="placeholder-text" style="text-align: center; color: black; font-weight: bold;">⏳ En attente de la réponse...</p>`;
+        resultContainer.innerHTML = `<p class="placeholder-text" style="text-align: center; color: black; font-weight: bold;">⏳ Waiting for the answer...</p>`;
 
         try {
             const response = await fetch("/image-qa/", {
@@ -1176,7 +1174,7 @@ sendBtn.addEventListener("click", async function () {
                 
                 resultContainer.innerHTML = `
                     
-        <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black">🧠 Réponse générée :</h3>
+        <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black">🧠 Generated answer :</h3>
 <br>
 <p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.answer}</p>
     
@@ -1188,6 +1186,4 @@ sendBtn.addEventListener("click", async function () {
             resultContainer.innerHTML = `<p class="placeholder-text">Erreur lors de l'envoi : ${error.message}</p>`;
         }
     });
-}
-
-  
+}