Add more screenshots

config.toml

@@ -41,9 +41,24 @@ removePathAccents = true
         description = "**Page d'accueil:** liste des domaines, de différents hébergeurs"
         image = "/img/screenshots/domains-list.png"
 
+      [[languages.fr.params.carousel]]
+        title = "domain-abstract"
+        description = "Une zone simplifiée"
+        image = "/img/screenshots/domain-abstract.png"
+
+      [[languages.fr.params.carousel]]
+        title = "domain-abstract-list"
+        description = "Une zone simplifiée, sous forme de liste, plus rapide à modifier"
+        image = "/img/screenshots/domain-abstract-list.png"
+
+      [[languages.fr.params.carousel]]
+        title = "zone-diff"
+        description = "Liste les changements avant d'appliquer les modifications"
+        image = "/img/screenshots/zone-diff.png"
+
       [[languages.fr.params.carousel]]
         title = "domain-records"
-        description = "Les enregistrements d'une zone"
+        description = "Les enregistrements d'une zone, modifiable depuis l'interface"
         image = "/img/screenshots/domain-records.png"
 
       [[languages.fr.params.carousel]]
@@ -65,9 +80,24 @@ tryit = "/join"
     description = "**Home page:** domains list on dedicated provider"
     image = "/img/screenshots/domains-list.png"
 
+  [[params.carousel]]
+    title = "domain-abstract"
+    description = "Simplified zone: records grouped by services"
+    image = "/img/screenshots/domain-abstract.png"
+
+  [[params.carousel]]
+    title = "domain-abstract-list"
+    description = "Simplified zone in list, for quicker editing"
+    image = "/img/screenshots/domain-abstract-list.png"
+
+  [[params.carousel]]
+    title = "zone-diff"
+    description = "Display zone diff before applying changes"
+    image = "/img/screenshots/zone-diff.png"
+
   [[params.carousel]]
     title = "domain-records"
-    description = "Resource records for a zone"
+    description = "Resource records for a zone: editable through happyDNS"
     image = "/img/screenshots/domain-records.png"
 
   [[params.carousel]]

i18n/en.yaml

@@ -2,7 +2,7 @@
   translation: "Finally a simple interface for domain names."
 
 - id: lead
-  translation: "is a modern open-source web application, that aims to simplify all your usages of domain names. Connecting a blog, a shop or doing advanced stuff become easy."
+  translation: "is a modern open-source web application, that aims to simplify all your usages of domain names. Connecting a blog, a shop or doing advanced stuff is just a click away."
 
 - id: tryit
   translation: "Try it online now"
@@ -72,7 +72,7 @@
     We invite interested developers to contribute code. Check out [our repository](https://git.happydns.org/) on Framagit.
 
 - id: community-contact
-  translation: "contact"
+  translation: "Contact"
 - id: community-contact-text
   translation: |
     You can contact our team at `contact at happydns.org` for any professional requests.

i18n/fr.yaml

@@ -61,7 +61,7 @@
     Si vous remarquez un problème ou une fonctionnalité manquante, n'hésitez pas à nous l'indiquer via le formulaire dédié de notre projet.
 
 - id: community-translation
-  translation: "Translations"
+  translation: "Traductions"
 - id: community-translation-text
   translation: |
     Nous aurons besoin de votre aide pour traduire happyDNS. Revenez dans quelques semaines, lorsque nous aurons mis en place l'outil de traduction.
@@ -73,7 +73,7 @@
     Si vous savez programmer, n'hésitez pas à contribuer, via notre [dépôt Git](https://git.happydns.org/) sur Framagit.
 
 - id: community-contact
-  translation: "contact"
+  translation: "Contact"
 - id: community-contact-text
   translation: |
     Contactez notre équipe à `contact at happydns.org` pour toute demande de formation ou commerciale.

layouts/partials/community.html

@@ -1,59 +1,59 @@
 <div class="container d-flex flex-wrap justify-content-around mb-5" id="community" style="gap: 2em 0;">
   <div style="width: 28%; min-width: 172px" class="text-center">
-    <h4>
+    <h4 class="d-flex justify-content-center">
       <span class="fa-stack fa-lg" style="color: #20a7c9">
         <i class="fa fa-circle fa-stack-2x"></i>
         <i class="fa fas fa-comments fa-stack-1x fa-inverse"></i>
       </span>
-      {{ i18n "community-chat" }}
+      <div class="align-self-center ml-1">{{ i18n "community-chat" }}</div>
     </h4>
     <p>
       {{ i18n "community-chat-text" | markdownify }}
     </p>
   </div>
   <div style="width: 28%; min-width: 172px" class="text-center">
-    <h4>
+    <h4 class="d-flex justify-content-center">
       <span class="fa-stack fa-lg" style="color: #9720c9">
         <i class="fa fa-circle fa-stack-2x"></i>
         <i class="fa fas fa-bug fa-stack-1x fa-inverse"></i>
       </span>
-      {{ i18n "community-bugs" }}
+      <div class="align-self-center ml-1">{{ i18n "community-bugs" }}</div>
     </h4>
     <p>
       {{ i18n "community-bugs-text" | markdownify }}
     </p>
   </div>
   <div style="width: 28%; min-width: 172px" class="text-center">
-    <h4>
+    <h4 class="d-flex justify-content-center">
       <span class="fa-stack fa-lg" style="color: #c92052">
         <i class="fa fa-circle fa-stack-2x"></i>
         <i class="fa fas fa-language fa-stack-1x fa-inverse"></i>
       </span>
-      {{ i18n "community-translation" }}
+      <div class="align-self-center ml-1">{{ i18n "community-translation" }}</div>
     </h4>
     <p>
       {{ i18n "community-translation-text" | markdownify }}
     </p>
   </div>
   <div style="width: 28%; min-width: 172px" class="text-center">
-    <h4>
+    <h4 class="d-flex justify-content-center">
       <span class="fa-stack fa-lg" style="color: #c99720">
         <i class="fa fa-circle fa-stack-2x"></i>
         <i class="fa fas fa-code fa-stack-1x fa-inverse"></i>
       </span>
-      {{ i18n "community-code" }}
+      <div class="align-self-center ml-1">{{ i18n "community-code" }}</div>
     </h4>
     <p>
       {{ i18n "community-code-text" | markdownify }}
     </p>
   </div>
   <div style="width: 28%; min-width: 172px" class="text-center">
-    <h4>
+    <h4 class="d-flex justify-content-center">
       <span class="fa-stack fa-lg" style="color: #20c943">
         <i class="fa fa-circle fa-stack-2x"></i>
         <i class="fa fas fa-paper-plane fa-stack-1x fa-inverse"></i>
       </span>
-      {{ i18n "community-contact" }}
+      <div class="align-self-center ml-1">{{ i18n "community-contact" }}</div>
     </h4>
     <p>
       {{ i18n "community-contact-text" | markdownify }}