From 611d7aec1e8e59ee10629b54de0dba2aa02364be Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Tue, 18 Jan 2022 08:56:45 +0100
Subject: [PATCH] Fix display on x-small screen + add umami events

---
 layouts/partials/jumbo.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/jumbo.html b/layouts/partials/jumbo.html
index 16570d3..96cb6be 100644
--- a/layouts/partials/jumbo.html
+++ b/layouts/partials/jumbo.html
@@ -19,10 +19,10 @@
     <h4 class="text-center mb-4">
       {{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
     </h4>
-    <div class="row row-cols-sm-2 row-cols-md-3 row-cols-xl-5">
+    <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5">
       <div class="col mb-4">
         <div class="card h-100">
-          <a href="{{ ref . "/use-happyDomain/freelance" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+          <a href="{{ ref . "/use-happyDomain/freelance" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column umami--click--learnmore-freelance">
             <img src="/img/screenshots/users/freelance.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
             <span>{{ i18n "freelance" }}</span>
           </a>
@@ -30,7 +30,7 @@
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+          <a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column umami--click--learnmore-sysadmin">
             <img src="/img/screenshots/users/sysadmin.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
             <span>{{ i18n "sysadmin" }}</span>
           </a>
@@ -38,7 +38,7 @@
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
+          <a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column umami--click--learnmore-devops">
             <img src="/img/screenshots/users/devops.svg" alt="{{ i18n "devops" }}" class="w-100 mb-3 flex-grow-1">
             <span>{{ i18n "devops" }}</span>
           </a>
@@ -46,7 +46,7 @@
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <a href="{{ ref . "/use-happyDomain/cio" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+          <a href="{{ ref . "/use-happyDomain/cio" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column umami--click--learnmore-cio">
             <img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
             <span>{{ i18n "cio" }}</span>
           </a>
@@ -54,7 +54,7 @@
       </div>
       <div class="col mb-4">
         <div class="card h-100">
-          <a href="{{ ref . "/use-happyDomain/geek" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
+          <a href="{{ ref . "/use-happyDomain/geek" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column umami--click--learnmore-geek">
             <img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
             <span>{{ i18n "geek" }}</span>
           </a>