Update templates/index.html

templates/index.html

@@ -1,17 +1,20 @@
 {% extends "base.html" %}
 {% block title %}Accueil - Forum Anonyme{% endblock %}
 {% block content %}
-<h2>Fils de discussion</h2>
+<h2 class="text-2xl font-semibold mb-4">Fils de discussion</h2>  <!-- Titre plus grand et en gras -->
 {% if threads %}
-    <ul class="thread-list">
+    <ul class="thread-list space-y-4">  <!-- Liste avec espacement vertical -->
         {% for thread in threads %}
             <li>
-                <a href="{{ url_for('thread', thread_id=thread.id) }}">{{ thread.title }}</a>
-                <small>Créé le {{ thread.timestamp.strftime('%d/%m/%Y %H:%M:%S') }}</small>
+                <a href="{{ url_for('thread', thread_id=thread.id) }}"
+                   class="block p-4 bg-white rounded-md shadow-sm hover:shadow-md hover:scale-105 transition-all duration-200">  <!-- Bloc cliquable, ombres, effet hover -->
+                    <span class="text-lg text-blue-700">{{ thread.title }}</span>  <!-- Titre du fil -->
+                    <small class="text-gray-500 block mt-1">Créé le {{ thread.timestamp.strftime('%d/%m/%Y %H:%M:%S') }}</small>  <!-- Date de création -->
+                </a>
             </li>
         {% endfor %}
     </ul>
 {% else %}
-    <p>Aucun fil de discussion pour le moment.</p>
+    <p class="text-gray-600">Aucun fil de discussion pour le moment.</p>  <!-- Message si aucun fil -->
 {% endif %}
-{% endblock %}
+{% endblock %}