Ajout de nouvelles classes de badge avec des couleurs personnalisées pour améliorer la présentation des fonctionnalités

This commit is contained in:
Boris Waaub
2026-01-22 17:33:52 +01:00
parent 47d38a5dda
commit f00db5a558
4 changed files with 46 additions and 8 deletions
+9
View File
@@ -596,3 +596,12 @@ figure.image {
} }
} }
.badge-chill-blue { --badge-color: #334d5c; }
.badge-chill-green { --badge-color: rgba(67, 178, 157, 0.61); }
.badge-chill-beige { --badge-color: #d3c7b1; }
.badge-chill-red { --badge-color: #dc516d; }
.badge-chill-pink { --badge-color: #e57469; }
.badge-chill-orange { --badge-color: #e89463; }
.badge-chill-lightgray { --badge-color: #efefef; }
.badge-chill-yellow { --badge-color: #f1d275; }
+13 -7
View File
@@ -41,9 +41,10 @@ testimonials:
"features": [ "features": [
{ {
"title": "Suivi des usagers", "title": "Suivi des usagers",
"titleBtn": "Usagers",
"description": "CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager.", "description": "CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager.",
"badge": "Usagers", "badge": "Usagers",
"badgeColor": "#2563eb", "badgeColor": "chill-blue",
"image": "/images/feature-1.svg", "image": "/images/feature-1.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/suivi-usagers/", "buttonLink": "/features/suivi-usagers/",
@@ -52,9 +53,10 @@ testimonials:
}, },
{ {
"title": "Suivi des accompagnements", "title": "Suivi des accompagnements",
"titleBtn": "Accompagnements",
"description": "Créez et suivez un ou plusieurs parcours daccompagnement pour chaque usager, du diagnostic initial aux actions entreprises et aux progrès réalisés.", "description": "Créez et suivez un ou plusieurs parcours daccompagnement pour chaque usager, du diagnostic initial aux actions entreprises et aux progrès réalisés.",
"badge": "Accompagnements", "badge": "Accompagnements",
"badgeColor": "#7c3aed", "badgeColor": "chill-green",
"image": "/images/feature-2.svg", "image": "/images/feature-2.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/", "buttonLink": "/features/suivi-accompagnements/",
@@ -63,9 +65,10 @@ testimonials:
}, },
{ {
"title": "Suivi des décisions", "title": "Suivi des décisions",
"titleBtn": "Décisions",
"description": "CHILL facilite le suivi et la validation de décisions au sein dune équipe.", "description": "CHILL facilite le suivi et la validation de décisions au sein dune équipe.",
"badge": "Décisions", "badge": "Décisions",
"badgeColor": "#7c3aed", "badgeColor": "chill-red",
"image": "/images/feature-2.svg", "image": "/images/feature-2.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/", "buttonLink": "/features/suivi-accompagnements/",
@@ -74,20 +77,22 @@ testimonials:
}, },
{ {
"title": "Rapports statistiques", "title": "Rapports statistiques",
"titleBtn": "Statistiques",
"description": "CHILL vous permet dexporter des statistiques précises sur lensemble de vos entités.", "description": "CHILL vous permet dexporter des statistiques précises sur lensemble de vos entités.",
"badge": "Statistiques", "badge": "Statistiques",
"badgeColor": "#7c3aed", "badgeColor": "chill-yellow",
"image": "/images/feature-2.svg", "image": "/images/feature-2.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/", "buttonLink": "/features/suivi-accompagnements/",
"features": "Données de lusager,Donées des ménages,Actions daccompagnement,Problématiques sociales,Rendez-vous,Et bien plus encore...", "features": "Données de lusager,Données des ménages,Actions daccompagnement,Problématiques sociales,Rendez-vous,Et bien plus encore...",
"imagePosition": "left" "imagePosition": "left"
}, },
{ {
"title": "Génération de documents", "title": "Génération de documents",
"titleBtn": "Documents",
"description": "Grâce à un système de modèles personnalisables, vous pouvez générer automatiquement des documents avec un large éventail dinformations déjà pré-remplies à partir des données présentes dans lapplication.", "description": "Grâce à un système de modèles personnalisables, vous pouvez générer automatiquement des documents avec un large éventail dinformations déjà pré-remplies à partir des données présentes dans lapplication.",
"badge": "Documents", "badge": "Documents",
"badgeColor": "#7c3aed", "badgeColor": "chill-orange",
"image": "/images/feature-2.svg", "image": "/images/feature-2.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/", "buttonLink": "/features/suivi-accompagnements/",
@@ -96,9 +101,10 @@ testimonials:
}, },
{ {
"title": "Rapports & RGPD", "title": "Rapports & RGPD",
"titleBtn": "Rapports & RGPD",
"description": "Générez des rapports statistiques, organisez vos documents et assurez la conformité RGPD pour la sécurité et la confidentialité des données.", "description": "Générez des rapports statistiques, organisez vos documents et assurez la conformité RGPD pour la sécurité et la confidentialité des données.",
"badge": "Rapports & RGPD", "badge": "Rapports & RGPD",
"badgeColor": "#16a34a", "badgeColor": "chill-pink",
"image": "/images/feature-3.svg", "image": "/images/feature-3.svg",
"buttonText": "En savoir plus", "buttonText": "En savoir plus",
"buttonLink": "/features/rapports-rgpd/", "buttonLink": "/features/rapports-rgpd/",
+23
View File
@@ -381,5 +381,28 @@ figure.image {
@media screen and (max-width: 420px) { @media screen and (max-width: 420px) {
section.li-block.section-5 .container .row ul li { section.li-block.section-5 .container .row ul li {
width: 300px; } } width: 300px; } }
.badge-chill-blue {
--badge-color: #334d5c; }
.badge-chill-green {
--badge-color: rgba(67, 178, 157, 0.61); }
.badge-chill-beige {
--badge-color: #d3c7b1; }
.badge-chill-red {
--badge-color: #dc516d; }
.badge-chill-pink {
--badge-color: #e57469; }
.badge-chill-orange {
--badge-color: #e89463; }
.badge-chill-lightgray {
--badge-color: #efefef; }
.badge-chill-yellow {
--badge-color: #f1d275; }
/*# sourceMappingURL=custom.css.map */ /*# sourceMappingURL=custom.css.map */
File diff suppressed because one or more lines are too long