fix : homepage - make whole card clickable instead of just icon

Author: Babali42

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,40 +32,40 @@ 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">
               <p class="title">Bien plus qu'un calendrier ! Vous êtes...</p>
             </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>