Add new screenshots

config.toml

@@ -46,6 +46,16 @@ removePathAccents = true
         description = "Les enregistrements d'une zone"
         image = "/img/screenshots/domain-records.png"
 
+      [[languages.fr.params.carousel]]
+        title = "domain-source"
+        description = "Informations sur la source"
+        image = "/img/screenshots/domain-source.png"
+
+      [[languages.fr.params.carousel]]
+        title = "sources"
+        description = "Liste des sources existantes où récupérer les domaines"
+        image = "/img/screenshots/sources.png"
+
 [params]
 newsletter = "newsletter@happydns.org"
 tryit = "/join"
@@ -57,9 +67,19 @@ tryit = "/join"
 
   [[params.carousel]]
     title = "domain-records"
-    description = "Resources record for a zone"
+    description = "Resource records for a zone"
     image = "/img/screenshots/domain-records.png"
 
+  [[params.carousel]]
+    title = "domain-source"
+    description = "Information about the source"
+    image = "/img/screenshots/domain-source.png"
+
+  [[params.carousel]]
+    title = "sources"
+    description = "Existing sources where pull domains"
+    image = "/img/screenshots/sources.png"
+
 [menu]
   [[menu.main]]
     identifier = "features"

layouts/partials/carousel.html

@@ -1,11 +1,11 @@
 {{ if isset .Site.Params "carousel" }}
 {{ if gt (len .Site.Params.carousel) 0 }}
 <div class="anchor" id="features"></div>
-<div class="carousel text-light pt-5 pb-3 d-flex flex-row justify-content-around">
+<div class="carousel text-light p-3 pt-5 d-flex flex-nowrap" style="gap: 1em 1em; overflow-x: scroll">
   {{ range sort .Site.Params.carousel "weight" }}
-  <figure class="">
+  <figure class="" style="min-width: 40vw">
     <a href="{{ .image }}">
-      <img class="rounded img-thumbnail" src="{{ .image }}" alt="{{ .title }}" style="max-height: 300px;">
+      <img class="rounded img-thumbnail" src="{{ .image }}" alt="{{ .title }}">
     </a>
     <figcaption class="mt-2 text-center">{{ .description | markdownify }}</figcaption>
   </figure>