Boris Waaub
65813b6520
- Replaced client logos in _index.md with new entries. - Updated testimonials section to improve clarity and relevance. - Enhanced feature descriptions in generation-documents.md, rapports-rgpd.md, rapports-statistiques.md, rendez-vous.md, suivi-accompagnements.md, suivi-decisions.md, and suivi-usagers.md for better user understanding. - Added new images to various feature sections to enrich visual content. - Introduced new sector pages for "Grandes Collectivités" and "Services et associations" with tailored content. - Updated CSS for better styling and responsiveness. - Improved carousel and client logos shortcode for better performance and visual appeal. - Removed outdated screenshots and replaced hero image with a new format.
85 lines
2.0 KiB
HTML
85 lines
2.0 KiB
HTML
<section class="border-y border-gray-100 overflow-hidden">
|
|
<div class="container mx-auto">
|
|
<div class="py-12">
|
|
<p class="text-center text-3xl md:text-2xl font-bold mb-6">{{ .Get "title" | default (i18n
|
|
"trustedByCompanies") }}</p>
|
|
{{ $shouldAnimate := ne (.Get "animate") "false" }}
|
|
<div class="logo-scroll{{if not $shouldAnimate}} static{{end}}">
|
|
<div class="logos-slide{{if $shouldAnimate}} animate{{end}}">
|
|
{{ range .Page.Params.client_logos }}
|
|
<img src="{{ .logo | relURL }}" alt="{{ .name }}" />
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.logo-scroll {
|
|
overflow: hidden;
|
|
padding: 20px 0;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
}
|
|
|
|
.logo-scroll.static {
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: visible;
|
|
}
|
|
|
|
.logo-scroll.static .logos-slide {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: 40px;
|
|
}
|
|
|
|
.logos-slide {
|
|
display: inline-block;
|
|
}
|
|
|
|
.logos-slide.animate {
|
|
animation: 10s slide infinite linear;
|
|
}
|
|
|
|
|
|
.logos-slide img {
|
|
max-height: 7rem;
|
|
width: auto;
|
|
margin: 0 40px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* filter: grayscale(100%); */
|
|
/* opacity: 0.6; */
|
|
}
|
|
|
|
.logo-scroll.static .logos-slide img {
|
|
margin: 0;
|
|
height: 7rem;
|
|
width: auto;
|
|
object-fit: contain;
|
|
}
|
|
|
|
@keyframes slide {
|
|
from {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
to {
|
|
transform: translateX(calc(-100% / 2));
|
|
}
|
|
}
|
|
|
|
.logo-scroll:hover .logos-slide.animate {
|
|
animation-play-state: paused;
|
|
}
|
|
|
|
/* Mobile-specific animation speed */
|
|
@media (max-width: 768px) {
|
|
.logos-slide.animate {
|
|
animation: 8s slide infinite linear;
|
|
}
|
|
}
|
|
</style> |