toujours pas resultats

no-results.html

@@ -46,7 +46,6 @@
                 </li>
             </ul>
         </div>
-
         <div class="flex flex-col sm:flex-row justify-center gap-4">
             <a href="/" class="px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors font-medium">
                 Retour à l'accueil
@@ -55,7 +54,9 @@
                 Réessayer
             </button>
         </div>
-    </div>
+
+        <div id="searchSuggestions" class="mt-8"></div>
+</div>
 </main>
 
 <custom-footer></custom-footer>

script.js

@@ -257,5 +257,48 @@ year: currentYear - Math.floor(Math.random() * (yearsFilter === 'all' ? 20 : par
         showLoading(false);
         resultsContainer.classList.add('hidden');
         noResults.classList.remove('hidden');
+        
+        // Generate search suggestions based on the query
+        const query = searchQuery.value.trim();
+        if (query) {
+            const suggestions = generateSearchSuggestions(query);
+            const suggestionsContainer = document.createElement('div');
+            suggestionsContainer.className = 'mt-6 bg-gray-50 p-4 rounded-lg';
+            suggestionsContainer.innerHTML = `
+                <h4 class="text-sm font-semibold text-gray-700 mb-2">Essayez ces recherches alternatives :</h4>
+                <div class="flex flex-wrap gap-2">
+                    ${suggestions.map(s => `
+                        <button onclick="document.getElementById('searchQuery').value='${s}'; performSearch();" 
+                                class="text-xs px-3 py-1 bg-white text-purple-600 border border-purple-200 rounded-full hover:bg-purple-50 transition-colors">
+                            ${s}
+                        </button>
+                    `).join('')}
+                </div>
+            `;
+            noResults.appendChild(suggestionsContainer);
+        }
+    }
+
+    function generateSearchSuggestions(query) {
+        const commonTerms = {
+            'cancer': ['cancer du sein', 'cancer du poumon', 'traitement du cancer', 'thérapie ciblée cancer'],
+            'diabète': ['diabète type 1', 'diabète type 2', 'traitement diabète', 'prévention diabète'],
+            'covid': ['covid-19', 'vaccin covid', 'variants covid', 'traitement covid']
+        };
+        
+        // Check if query matches any common term
+        for (const [term, suggestions] of Object.entries(commonTerms)) {
+            if (query.toLowerCase().includes(term)) {
+                return suggestions;
+            }
+        }
+        
+        // Default suggestions
+        return [
+            query + ' traitement',
+            query + ' étude clinique',
+            'nouveautés ' + query,
+            'méta-analyse ' + query
+        ];
     }
 });

style.css

@@ -45,7 +45,6 @@
 .article-card:first-child {
     background: linear-gradient(to right, rgba(124, 58, 237, 0.05), transparent);
 }
-
 /* No results page styles */
 .no-results-icon {
     animation: bounce 2s infinite;
@@ -56,6 +55,16 @@
     40% {transform: translateY(-20px);}
     60% {transform: translateY(-10px);}
 }
+
+/* Search suggestions */
+[onclick*="performSearch"] {
+    transition: all 0.2s ease;
+}
+
+[onclick*="performSearch"]:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 2px 4px rgba(124, 58, 237, 0.1);
+}
 /* Responsive adjustments */
 @media (max-width: 640px) {
     #constellation {