From 576eee7be10259bd25b64e9ef681c5f4f964270c Mon Sep 17 00:00:00 2001
From: Baptiste Lyet <44911483+Babali42@users.noreply.github.com>
Date: Tue, 7 Oct 2025 10:25:20 +0200
Subject: [PATCH] fix : homepage - make whole card clickable instead of just
 icon

---
 src/pages/index.astro | 56 +++++++++++++++++++++----------------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5a437e0..e007c09 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,15 +12,15 @@ import Layout from '../layouts/Layout.astro';
             </div>
             <div class="grid mt-4">
                 <div class="cell">
-                    <div class="card">
-                        <div class="card-content has-text-centered">
-                            <a href="/communities">
-                                <span class="icon is-large"><i class="fa fa-comments fa-5x"></i></span>
-                            </a>
-                            <p class="title is-3 mt-3">Des communautés diverses et variées</p>
-                            <p>Des technos, des pratiques, des outils...à découvrir</p>
+                    <a href="/communities">
+                        <div class="card">
+                            <div class="card-content has-text-centered">
+                                <span class="icon is-large has-text-link"><i class="fa fa-comments fa-5x"></i></span>
+                                <p class="title is-3 mt-3">Des communautés diverses et variées</p>
+                                <p>Des technos, des pratiques, des outils...à découvrir</p>
+                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
                 <div class="cell">
                     <div class="card">
@@ -32,15 +32,15 @@ import Layout from '../layouts/Layout.astro';
                     </div>
                 </div>
                 <div class="cell">
-                    <div class="card">
-                        <div class="card-content has-text-centered">
-                            <a href="/calendar">
-                                <span class="icon is-large"><i class="fa fa-calendar fa-5x"></i></span>
-                            </a>
-                            <p class="title is-3 mt-3">Un calendrier de tous les événements</p>
-                            <p>Plus aucune raison de manquer un des événements !</p>
+                    <a href="/calendar">
+                        <div class="card">
+                            <div class="card-content has-text-centered">
+                                <span class="icon is-large has-text-link"><i class="fa fa-calendar fa-5x"></i></span>
+                                <p class="title is-3 mt-3">Un calendrier de tous les événements</p>
+                                <p>Plus aucune raison de manquer un des événements !</p>
+                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
             </div>
             <div class="container">
@@ -48,24 +48,24 @@ import Layout from '../layouts/Layout.astro';
             </div>
             <div class="grid mt-4">
                 <div class="cell">
-                    <div class="card">
-                        <div class="card-content has-text-centered">
-                            <a href="/member">
-                                <span class="icon is-medium"><i class="fa fa-street-view fa-5x"></i></span>
+                    <a href="/member">
+                        <div class="card">
+                            <div class="card-content has-text-centered">
+                                <span class="icon is-medium has-text-link"><i class="fa fa-street-view fa-5x"></i></span>
                                 <p class="title is-3 mt-3">Membre d'une communauté</p>
-                            </a>
+                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
                 <div class="cell">
-                    <div class="card">
-                        <div class="card-content has-text-centered">
-                            <a href="/orga">
-                                <span class="icon is-medium"><i class="fa fa-bullhorn fa-5x"></i></span>
+                    <a href="/orga">
+                        <div class="card">
+                            <div class="card-content has-text-centered">
+                                <span class="icon is-medium has-text-link"><i class="fa fa-bullhorn fa-5x"></i></span>
                                 <p class="title is-3 mt-3">Orga d'une communauté</p>
-                            </a>
+                            </div>
                         </div>
-                    </div>
+                    </a>
                 </div>
             </div>
         </div>