Update screenshots and descriptions

config.yml

@@ -56,21 +56,29 @@ languages:
         description: "Une zone simplifiée"
         image: "/img/screenshots/domain-abstract.webp"
 
-      - title: "domain-abstract-list"
-        description: "Une zone simplifiée, sous forme de liste, plus rapide à modifier"
-        image: "/img/screenshots/domain-abstract-list.webp"
+      - title: "service-caa"
+        description: "Des formulaires clairs vous aident pour choisir les meilleurs paramètres"
+        image: "/img/screenshots/service-caa.webp"
 
       - title: "zone-diff"
         description: "Liste les changements avant d'appliquer les modifications"
         image: "/img/screenshots/zone-diff.webp"
 
-      - title: "domain-records"
-        description: "Les enregistrements d'une zone, modifiable depuis l'interface"
-        image: "/img/screenshots/domain-records.png"
+      - title: "domain-history"
+        description: "Retrouvez tous vos changements en un coup d'œil"
+        image: "/img/screenshots/domain-history.webp"
 
-      - title: "domain-source"
-        description: "Informations sur la source"
-        image: "/img/screenshots/domain-source.png"
+      - title: "domain-services"
+        description: "Ajoutez facilement de nouveaux usages à vos zones"
+        image: "/img/screenshots/domain-services.webp"
+
+      - title: "domain-logs"
+        description: "Le journal d'action de la zone garde un trace de qui à fait quoi, quand"
+        image: "/img/screenshots/domain-logs.webp"
+
+      - title: "domain-abstract-list"
+        description: "Une zone simplifiée, sous forme de liste, plus rapide à modifier"
+        image: "/img/screenshots/domain-abstract-list.webp"
 
       - title: "sources"
         description: "Liste des sources existantes où récupérer les domaines"
@@ -100,21 +108,29 @@ params:
     description: "Simplified zone: records grouped by services"
     image: "/img/screenshots/domain-abstract.webp"
 
-  - title: "domain-abstract-list"
-    description: "Simplified zone in list, for quicker editing"
-    image: "/img/screenshots/domain-abstract-list.webp"
+  - title: "service-caa"
+    description: "Clear forms help you choose the best settings"
+    image: "/img/screenshots/service-caa.webp"
 
   - title: "zone-diff"
     description: "Display zone diff before applying changes"
     image: "/img/screenshots/zone-diff.webp"
 
-  - title: "domain-records"
-    description: "Resource records for a zone: editable through happyDomain"
-    image: "/img/screenshots/domain-records.png"
+  - title: "domain-history"
+    description: "All your changes at a glance"
+    image: "/img/screenshots/domain-history.webp"
 
-  - title: "domain-source"
-    description: "Information about the source"
-    image: "/img/screenshots/domain-source.png"
+  - title: "domain-services"
+    description: "Easily add new uses to your zones"
+    image: "/img/screenshots/domain-services.webp"
+
+  - title: "domain-logs"
+    description: "The zone action log keeps track of who did what, when"
+    image: "/img/screenshots/domain-logs.webp"
+
+  - title: "domain-abstract-list"
+    description: "Simplified zone in list, for quicker editing"
+    image: "/img/screenshots/domain-abstract-list.webp"
 
   - title: "sources"
     description: "Existing sources where pull domains"

content/use-happyDomain/cio.en.html

@@ -27,11 +27,10 @@ layout = "usage"
         </p>
         <p>
           The history allows you to easily track the latest changes, keeping track of who made them.
-          <span class="text-muted">(coming soon)</span>
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-logs.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -41,7 +40,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -75,7 +74,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
       </div>
     </div>
   </div>
@@ -85,7 +84,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
+        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/cio.fr.html

@@ -27,11 +27,10 @@ layout = "usage"
         </p>
         <p>
           L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
-          <span class="text-muted">Bientôt disponible</span>
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-logs.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -41,7 +40,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -75,7 +74,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
       </div>
     </div>
   </div>
@@ -85,7 +84,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
+        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/devops.en.html

@@ -43,7 +43,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -82,7 +82,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>

content/use-happyDomain/devops.fr.html

@@ -43,7 +43,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -82,7 +82,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>

content/use-happyDomain/freelance.en.html

@@ -27,7 +27,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="List of domain names, cleverly grouped by client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="List of domain names, cleverly grouped by client">
       </div>
     </div>
   </div>
@@ -37,7 +37,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -67,7 +67,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -77,7 +77,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/freelance.fr.html

@@ -27,7 +27,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -37,7 +37,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -67,7 +67,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -77,7 +77,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/geek.en.html

@@ -30,7 +30,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -40,7 +40,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -78,7 +78,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -88,7 +88,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/geek.fr.html

@@ -30,7 +30,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -40,7 +40,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -78,7 +78,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -88,7 +88,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
       <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">

content/use-happyDomain/sysadmin.en.html

@@ -29,7 +29,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -39,7 +39,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.png" alt="Review and confirm the changes that will be applied">
+        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Review and confirm the changes that will be applied">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -76,7 +76,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>

content/use-happyDomain/sysadmin.fr.html

@@ -29,7 +29,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>
@@ -39,7 +39,7 @@ layout = "usage"
   <div class="container my-5">
     <div class="row">
       <div class="order-1 order-md-0 col-md-7 align-self-center">
-        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
+        <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
       </div>
       <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
         <h4 class="font-weight-bold">
@@ -76,7 +76,7 @@ layout = "usage"
         </p>
       </div>
       <div class="order-1 col-md-7">
-        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
       </div>
     </div>
   </div>