feat: Ajouter un lien vers la brochure CHILL dans le pied de page et améliorer l'animation des logos clients

hugo.toml

@@ -91,7 +91,12 @@ pagination = { pagerSize = 6, path = "page" }
   # Header Logo
   [params.header.logo]
     src = "/images/logo-darkmode.png"
-    
+
+  [params.pdfFolder]
+    name = "Voir la brochure CHILL"    
+    filename = "Brochure_Chill.pdf"
+    url = "/pdf/Brochure_Chill.pdf"
+
   # Global CTA Configuration (optional)
   [params.cta]
   enable = true
@@ -154,13 +159,7 @@ pagination = { pagerSize = 6, path = "page" }
     name = "Nous contacter"
     url = "/contact"
     weight = 5
-
-  [[menu.footer_column_1]]
-    name = "Voir la brochure CHILL"
-    url = "/pdf/Brochure_Chill.pdf"
-    weight = 1
-
-  [[menu.footer_column_2]]
+  [[menu.footer_column]]
     name = "Champs-Libres"
     url = "https://www.champs-libres.coop/"
     weight = 1

themes/chill-theme/layouts/partials/footer.html

@@ -15,15 +15,16 @@
 
             <!-- Column 1 -->
             <div class="flex-1 text-center"> 
-                {{ range .Site.Menus.footer_column_1 }}
-                    <a href="{{ .URL }}" target="_blank" class="text-white hover:text-primary-600">{{ .Name }}</a>
-                {{ end }}
+             {{ with .Site.Params.pdfFolder }}
+                <a href="{{ .URL | relURL }}" class="text-white hover:text-primary-600" download="{{ .filename }}">{{ .Name }}</a>
+            {{ end }}
+
             </div>
 
             <!-- Column 2 -->
             <div class="flex-1 text-center">           
-                {{ range .Site.Menus.footer_column_2 }}
-                    <a href="{{ .URL }}" target="_blank" class="text-white hover:text-primary-600">{{ .Name }}</a>
+                {{ range .Site.Menus.footer_column }}
+                    <a href="{{ .URL | relURL }}" target="_blank" class="text-white hover:text-primary-600">{{ .Name }}</a>
                 {{ end }}
             </div>
 

themes/chill-theme/layouts/shortcodes/client-logos.html

@@ -9,6 +9,11 @@
                     {{ range .Page.Params.client_logos }}
                     <img src="{{ .logo | relURL }}" alt="{{ .name }}" />
                     {{ end }}
+                    {{ if $shouldAnimate }}
+                    {{ range .Page.Params.client_logos }}
+                    <img src="{{ .logo | relURL }}" alt="" aria-hidden="true" loading="lazy" />
+                    {{ end }}
+                    {{ end }}
                 </div>
             </div>
         </div>
@@ -37,11 +42,13 @@
     }
 
     .logos-slide {
-        display: inline-block;
+        display: flex;
+        align-items: center;
+        width: max-content;
     }
 
     .logos-slide.animate {
-        animation: 10s slide infinite linear;
+        animation: 24s slide infinite linear;
     }
 
 
@@ -68,7 +75,7 @@
         }
 
         to {
-            transform: translateX(calc(-100% / 2));
+            transform: translateX(-50%);
         }
     }
 
@@ -79,7 +86,7 @@
     /* Mobile-specific animation speed */
     @media (max-width: 768px) {
         .logos-slide.animate {
-            animation: 8s slide infinite linear;
+            animation: 16s slide infinite linear;
         }
     }
 </style>