champs-libres/chill.social
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Boris Waaub
2026-03-26 15:01:06 +01:00
parent 5d849024a5
commit ee4100fbc7
3 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/chill-theme/layouts/partials/footer.html
+6 -5
View File
@@ -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
+11 -4
View File
@@ -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>