add new testimonials

Author: arnolanglade

assets/scss/_global.scss

@@ -200,3 +200,15 @@
   }
 }
 
+.section.testimonials {
+  .testimonial-container {
+    margin-bottom: 20px;
+  }
+  .testimonial-content {
+    display: -webkit-box;
+    -webkit-line-clamp: 10; /* Nombre de lignes */
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

data/home/testimonials.yaml

@@ -9,6 +9,15 @@ content:
       linkedin: "https://www.linkedin.com/in/arnaud-faissolle-249315"
       image: "arnaud-faisolle.jpeg"
 
+    - text: |
+        J'ai fait appel à Arnaud pour m'aider à remettre de l'ordre et smplifier une application web métier. Parfois, les déploiements étaient risqués. Nous n'avions pas pris le temps de prendre du recul sur nos développeemnts depuis des années et le ménage n'avait pas été fait dans des tests obsolètes. Arnaud a apporté des méthodes et sa patience pour remettre en ordre et simplifier notre code et notre architecture. Avec Arnaud, nous avons reduit d'1/3 le volume de code source et triplé le nombre de tests, à fonctionnalités égales.
+        
+        En quelques mots, méthode Mikado, EventStorming, culture de la "CI verte", harnais de tests, remise en cause et questionnement des choix techniques, suppression des complexités inutiles, encadrement des juniors sont les points qui font sa marque de fabrique.
+      name: "Grégory Planchat"
+      position: "Co-fondateur de Gyroscops"
+      linkedin: "https://www.linkedin.com/in/gplanchat"
+      image: "gregory-plancha.jpeg"
+
     - image: "arnaud-lemaire.jpeg"
       text: "Arnaud est un développeur exceptionnel, dont l'autonomie et l'initiative ont marqué son passage dans nos équipes.Sa capacité à prendre en charge des projets de A à Z ainsi que son esprit d'analyse et de synthèse en font un très bon leader technique. Si vous avez la chance d'avoir Arnaud dans votre équipe, vous verrez rapidement son impact positif. Je recommande Arnaud avec enthousiasme."
       name: "Arnaud LEMAIRE"

layouts/_default/testimonials.html

@@ -25,7 +25,7 @@ <h1 class="page-title display-1 fw-bold text-primary mt-5 mb-xl-0 w-100">{{ . }}
         </div>
         <div class="card border-0 shadow p-xl-4 p-3">
           <p class="card-text text-dark w-100">
-            "{{ .text }}"
+            {{ .text | markdownify }}
           </p>
           <p class="card-text text-dark w-100 text-center mt-3">
             {{ $src := (printf "%s%s" "testimonial/"  .image ) }}

layouts/partials/sections/testimonials.html

@@ -34,20 +34,18 @@ <h2 class="fs-1 fw-bold text-center text-light">
     </div>
     <div class="row mt-5">
       {{ range $i, $e :=  first 3 (after 1 .content.list) }}
-      <div class="col-12 col-xl-4">
+      <div class="col-12 col-xl-4 testimonial-container">
         <div class="card px-1 py-4 h-100 border-0">
           {{ with $e.image }}
           <div class="card-body">
             {{ $src := (printf "%s%s" "testimonial/"  $e.image ) }}
             {{ partial "asset-image" (dict "src" $src "alt" $e.name "size" "70x" "class" "rounded-circle mb-3" ) }}
-            <p class="card-text text-dark">
-              "{{ $e.text }}"
-              <br>
-              <br>
-              <a href="{{ $e.linkedin }}" target="_blank"  class="fw-bold text-dark text-decoration-none">
-                {{ $e.name }} ({{ $e.position }})
-              </a>
+            <p class="card-text text-dark testimonial-content">
+              {{ $e.text }}
             </p>
+            <a href="{{ $e.linkedin }}" target="_blank"  class="fw-bold text-dark text-decoration-none">
+              {{ $e.name }} ({{ $e.position }})
+            </a>
           </div>
           {{ else }}
           <div class="card-body">