From 9cf04a9ef28fb8ed1c4b32488698e87fafe26958 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 14 Aug 2021 11:01:31 +0200
Subject: [PATCH] Nicer cards

---
 content/use-happyDNS/freelance.fr.html | 39 +++++++++++++-------
 layouts/partials/jumbo.html            | 50 +++++++++++---------------
 2 files changed, 46 insertions(+), 43 deletions(-)

diff --git a/content/use-happyDNS/freelance.fr.html b/content/use-happyDNS/freelance.fr.html
index 452b5c4..246072e 100644
--- a/content/use-happyDNS/freelance.fr.html
+++ b/content/use-happyDNS/freelance.fr.html
@@ -119,19 +119,32 @@ layout = "usage"
         Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
       </p>
 
-    <div class="list-group list-group-horizontal-md">
-      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
-        <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-        <span>Donnez-nous votre avis</span>
-      </a>
-      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
-        <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-        <span>Rendez-vous sur Matrix</span>
-      </a>
-      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
-        <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-        <span>Rendez-vous sur IRC</span>
-      </a>
+      <div class="row cols-1 cols-sm-3">
+        <div class="col">
+          <div class="card h-100">
+            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
+              <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
+              <span>Donnez-nous votre avis</span>
+            </a>
+          </div>
+        </div>
+        <div class="col">
+          <div class="card">
+            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
+              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
+              <span>Rendez-vous sur Matrix</span>
+            </a>
+          </div>
+        </div>
+        <div class="col">
+          <div class="card">
+            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
+              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
+              <span>Rendez-vous sur IRC</span>
+            </a>
+          </div>
+        </div>
+      </div>
     </div>
 
     </div>
diff --git a/layouts/partials/jumbo.html b/layouts/partials/jumbo.html
index 2db6bd5..328309f 100644
--- a/layouts/partials/jumbo.html
+++ b/layouts/partials/jumbo.html
@@ -22,52 +22,42 @@
     <div class="row row-cols-sm-2 row-cols-md-3 row-cols-xl-5">
       <div class="col mb-4">
         <div class="card h-100">
-          <div class="card-body d-flex flex-column">
-            <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
-              <img src="/img/screenshots/users/freelance.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-              <span>{{ i18n "freelance" }}</span>
-            </a>
-          </div>
+          <a href="{{ ref . "/use-happyDNS/freelance" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+            <img src="/img/screenshots/users/freelance.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
+            <span>{{ i18n "freelance" }}</span>
+          </a>
         </div>
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <div class="card-body d-flex flex-column">
-            <a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
-              <img src="/img/screenshots/users/sysadmin.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>{{ i18n "sysadmin" }}</span>
-            </a>
-          </div>
+          <a href="{{ ref . "/use-happyDNS/sysadmin" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+            <img src="/img/screenshots/users/sysadmin.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
+            <span>{{ i18n "sysadmin" }}</span>
+          </a>
         </div>
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <div class="card-body d-flex flex-column">
-            <a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
-              <img src="/img/screenshots/users/devops.svg" alt="{{ i18n "devops" }}" class="w-100 mb-3 flex-grow-1">
-              <span>{{ i18n "devops" }}</span>
-            </a>
-          </div>
+          <a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
+            <img src="/img/screenshots/users/devops.svg" alt="{{ i18n "devops" }}" class="w-100 mb-3 flex-grow-1">
+            <span>{{ i18n "devops" }}</span>
+          </a>
         </div>
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <div class="card-body d-flex flex-column">
-            <a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
-              <img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
-              <span>{{ i18n "cio" }}</span>
-            </a>
-          </div>
+          <a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
+            <img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
+            <span>{{ i18n "cio" }}</span>
+          </a>
         </div>
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <div class="card-body d-flex flex-column">
-            <a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
-              <img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
-              <span>{{ i18n "geek" }}</span>
-            </a>
-          </div>
+          <a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
+            <img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
+            <span>{{ i18n "geek" }}</span>
+          </a>
         </div>
       </div>
     </div>