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

refactor: mise à jour des couleurs des badges et ajustements de style dans les fichiers CSS et HTML

Browse Source
This commit is contained in:
Boris Waaub
2026-02-05 11:42:02 +01:00
parent 56dfa4c0ab
commit eccf151099
14 changed files with 70 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
content/_index.md
View File

@@ -44,7 +44,7 @@ testimonials:
"titleBtn": "Usagers",
"description": "CHILL vous offre une gestion complète et structurée des dossiers individuels, facilitant le suivi personnalisé de chaque usager.",
"badge": "Usagers",
"badgeColor": "chill-blue",
"badgeColor": "suivi-usagers",
"image": "/images/feature-1.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/suivi-usagers/",
@@ -56,7 +56,7 @@ testimonials:
"titleBtn": "Accompagnements",
"description": "Créez et suivez un ou plusieurs parcours d’accompagnement pour chaque usager, du diagnostic initial aux actions entreprises et aux progrès réalisés.",
"badge": "Accompagnements",
"badgeColor": "chill-green",
"badgeColor": "suivi-accompagnements",
"image": "/images/feature-2.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/",
@@ -68,7 +68,7 @@ testimonials:
"titleBtn": "Décisions",
"description": "CHILL facilite le suivi et la validation de décisions au sein d’une équipe.",
"badge": "Décisions",
"badgeColor": "chill-red",
"badgeColor": "suivi-decisions",
"image": "/images/feature-2.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/",
@@ -80,7 +80,7 @@ testimonials:
"titleBtn": "Statistiques",
"description": "CHILL vous permet d’exporter des statistiques précises sur l’ensemble de vos entités.",
"badge": "Statistiques",
"badgeColor": "chill-yellow",
"badgeColor": "rapports-statistiques ",
"image": "/images/feature-2.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/",
@@ -92,7 +92,7 @@ testimonials:
"titleBtn": "Documents",
"description": "Grâce à un système de modèles personnalisables, vous pouvez générer automatiquement des documents avec un large éventail d’informations déjà pré-remplies à partir des données présentes dans l’application.",
"badge": "Documents",
"badgeColor": "chill-orange",
"badgeColor": "generation-document",
"image": "/images/feature-2.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/suivi-accompagnements/",
@@ -104,7 +104,7 @@ testimonials:
"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.",
"badge": "Rapports & RGPD",
"badgeColor": "chill-pink",
"badgeColor": "rapport-rgpd",
"image": "/images/feature-3.svg",
"buttonText": "En savoir plus",
"buttonLink": "/features/rapports-rgpd/",

2
content/features/generation-documents.md
View File

@@ -4,7 +4,7 @@ description: "Grâce à un système de modèles personnalisables, vous pouvez g
weight: 5
layout: "single"
badge: "Documents"
badgeColor: "chill-orange"
badgeColor: "generation-document"
demo:
description: "Générez facilement des documents personnalisés à partir des données saisies."
image: "/images/feature-2.svg"

2
content/features/rapports-rgpd.md
View File

@@ -4,7 +4,7 @@ description: "Générez des rapports statistiques, organisez vos documents et as
weight: 6
layout: "single"
badge: "Rapports & RGPD"
badgeColor: "chill-pink"
badgeColor: "rapport-rgpd"
demo:
description: "Assurez la conformité RGPD et organisez vos rapports et documents."
image: "/images/feature-3.svg"

2
content/features/rapports-statistiques.md
View File

@@ -4,7 +4,7 @@ description: "CHILL vous permet d’exporter des statistiques précises sur l’
weight: 4
layout: "single"
badge: "Statistiques"
badgeColor: "chill-yellow"
badgeColor: "rapports-statistiques"
demo:
description: "Générez et exportez des rapports statistiques détaillés."
image: "/images/feature-2.svg"

2
content/features/suivi-accompagnements.md
View File

@@ -4,7 +4,7 @@ description: "Créez et suivez un ou plusieurs parcours d’accompagnement pour
weight: 2
layout: "single"
badge: "Accompagnements"
badgeColor: "chill-green"
badgeColor: "suivi-accompagnements"
demo:
description: "Découvrez comment suivre et caractériser les parcours d’accompagnement de chaque usager."
image: "/images/feature-2.svg"

2
content/features/suivi-decisions.md
View File

@@ -4,7 +4,7 @@ description: "CHILL facilite le suivi et la validation de décisions au sein d
weight: 3
layout: "single"
badge: "Décisions"
badgeColor: "chill-red"
badgeColor: "suivi-decisions"
demo:
description: "Découvrez comment gérer et valider les décisions collectives."
image: "/images/feature-2.svg"

2
content/features/suivi-usagers.md
View File

@@ -4,7 +4,7 @@ description: "CHILL vous offre une gestion complète et structurée des dossiers
weight: 1
layout: "single"
badge: "Usagers"
badgeColor: "chill-blue"
badgeColor: "suivi-usagers"
demo:
description: "Découvrez comment gérer et structurée les dossiers de vos usagers."
image: "/images/feature-2.svg"

85
static/css/custom.css
View File

@@ -1,3 +1,27 @@
.badge-generation-document {
--badge-color: #D50B51;
}
.badge-rapport-rgpd {
--badge-color: #43B09B;
}
.badge-rapports-statistiques {
--badge-color: #C9B99E;
}
.badge-suivi-accompagnements {
--badge-color: #EDC74B;
}
.badge-suivi-decisions {
--badge-color: #a0dcff;
}
.badge-suivi-usagers {
--badge-color: #333333;
}
@font-face {
font-family: "Lato", Arial;
src: url("assets/fonts/Lato/Lato-Regular.ttf") format("truetype");
@@ -12,13 +36,13 @@ body .highlight {
padding: 0.25rem;
}
body .highlight-1 {
background-color: rgba(67, 178, 157, 0.61);
background-color: #43B09B;
}
body .highlight-2 {
background-color: #e57469;
background-color: #D50B51;
}
body .highlight-3 {
background-color: #f1d275;
background-color: #EDC74B;
}
header.header {
@@ -26,7 +50,7 @@ header.header {
}
footer.footer {
background-color: rgba(67, 178, 157, 0.61);
background-color: #43B09B;
}
.chill-pres {
@@ -39,8 +63,8 @@ footer.footer {
color: white;
}
.navbar .btn-primary:hover {
background-color: #e89463;
border: 1px solid #e89463;
background-color: #E27A3E;
border: 1px solid #E27A3E;
}
.navbar .lang-select {
color: white;
@@ -50,7 +74,7 @@ section.hero {
background-color: #0d242e;
}
section.hero h1 {
color: rgba(67, 178, 157, 0.61);
color: #43B09B;
}
section.section-1 {
background-color: white;
@@ -113,7 +137,7 @@ section.section-4 .btn-primary {
left: 28%;
}
section.section-5 {
background-color: rgba(67, 178, 157, 0.11);
background-color: rgba(67, 176, 155, 0.5);
}
section.section-6 {
background-color: #0d242e !important;
@@ -218,7 +242,7 @@ section.li-block.section-1 ul li:nth-child(3):before {
left: 44%;
top: -60%;
margin-left: -35px;
background-color: #e89463;
background-color: #E27A3E;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
z-index: 0;
border-radius: 0;
@@ -288,7 +312,7 @@ section.li-block.section-5 .container .row ul li:hover {
color: #ffffff;
}
section.li-block.section-5 .container .row ul li:hover h5 {
color: #efefef;
color: #EBEBEB;
}
section.li-block.section-5 .container .row ul li h5 {
color: #0d242e;
@@ -323,19 +347,19 @@ section.dark p {
}
.bord-1 {
border-left: 4px solid #e89463;
border-left: 4px solid #E27A3E;
}
.bord-2 {
border-left: 4px solid #d3c7b1;
border-left: 4px solid #C9B99E;
}
.bord-3 {
border-left: 4px solid #f1d275;
border-left: 4px solid #EDC74B;
}
.bord-4 {
border-left: 4px solid rgba(67, 178, 157, 0.61);
border-left: 4px solid #43B09B;
}
.chapo {
@@ -356,7 +380,7 @@ section.dark p {
margin: 10px auto;
width: 15%;
height: 6px;
background: #dc516d;
background: #DE4849;
}
figure.image {
@@ -484,36 +508,5 @@ figure.image img {
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 */

2
static/css/custom.css.map
View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../assets/scss/custom.scss"],"names":[],"mappings":"AAoBA;EACE;EACA;EACA;EACA;EACA;;AAkDF;EACE;;AACA;EACE;;AAEF;EACE,kBA7EU;;AA+EZ;EACE,kBA7ES;;AA+EX;EACE,kBA7EW;;;AAkFf;EACI,kBAhFW;;;AAkFf;EACI,kBA5FU;;;AA+Fd;EACE;;;AAIA;EACE,kBA1FK;EA2FL;EACA;;AACA;EACE,kBArGS;EAsGT;;AAGJ;EACE;;;AAKA;EACE,kBA3GS;;AA4GT;EAAK,OArHG;;AAuHV;EACE;EACE;;AACA;EAAK;;AAGP;EACE,OArHO;EAsHP;EACA;;AACA;EACE;;AANN;EASE;EACA;;AAEF;EACE;EACA;;AACE;EA1FJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoF+D;EAnF/D,KAmFyD;EAlFzD;EACA,kBAhDC;EAiDD;EACA;EAEI;;AAgFR;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA,OA/IO;EAgJP;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACI;;AAEJ;EACI;EA7IJ;EACA;EACA;;AA+II;EA1HJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoH+D;EAnH/D,KAmHyD;EAlHzD;EACA,kBA7CC;EA8CD;EACA;EAKI;;;AAgHR;EACE,OA1KS;;AA+KP;EACI;EACA;EACA;;AAMI;EACI;EACA;;AASJ;EACI;;AAEJ;EACI;;AAEI;EACI;;AAFR;EAII;EACA;EACA;EACA;EACA;;AAOZ;EACI;EACA;EACA;;AACF;EAnLV;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA/CK;EAgDL;EACA;EAKI;;AAqKI;EAtLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA9CF;EA+CE;EACA;EAEI;;AA2KI;EAzLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBAvDO;EAwDP;EACA;EAKI;;AA2KI;EA5LZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA7CC;EA8CD;EACA;EAEI;;AAsLA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE,OA9RA;;AAiSJ;EACE,OA9RD;EA+RC;;AAMV;EACE;;;AAMR;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAMA;EACI;EACA;;;AAIR;EACI;;;AAMA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EAAQ;EACR;EACA;EACA;EACA;EACA,YA9WM;;;AAkXZ;EAGI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAKR;EACE;;;AAKF;EAKU;IACE;;EAEF;IACE;;;AAQZ;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;IACA;IACA;;EAIF;IACE;;EAEF;IACE;;EASE;IACE;;EACA;IACE;;EAQJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAMF;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;;EAEF;IACE;;EAKA;IACE;;;AAOV;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;EAOF;IACE;;EAEF;IACE;;;AAQZ;EAKU;IACE;;;AAQZ;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAsB;;;AACtB;EAAyB;;;AACzB;EAAsB","file":"custom.css"}
{"version":3,"sourceRoot":"","sources":["../../assets/scss/custom.scss"],"names":[],"mappings":"AAcA;EAA+B;;;AAC/B;EAAuB;;;AACvB;EAA+B;;;AAC/B;EAA+B;;;AAC/B;EAA2B;;;AAC3B;EAAsB;;;AAStB;EACE;EACA;EACA;EACA;EACA;;AAkDF;EACE;;AACA;EACE;;AAEF;EACE,kBArFU;;AAuFZ;EACE,kBAlFS;;AAoFX;EACE,kBA1FW;;;AA+Ff;EACI,kBAhFW;;;AAkFf;EACI,kBApGU;;;AAuGd;EACE;;;AAIA;EACE,kBA1FK;EA2FL;EACA;;AACA;EACE,kBA/GS;EAgHT;;AAGJ;EACE;;;AAKA;EACE,kBA3GS;;AA4GT;EAAK,OA7HG;;AA+HV;EACE;EACE;;AACA;EAAK;;AAGP;EACE,OArHO;EAsHP;EACA;;AACA;EACE;;AANN;EASE;EACA;;AAEF;EACE;EACA;;AACE;EA1FJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoF+D;EAnF/D,KAmFyD;EAlFzD;EACA,kBAhDC;EAiDD;EACA;EAEI;;AAgFR;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA,OA/IO;EAgJP;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACI;;AAEJ;EACI;EA7IJ;EACA;EACA;;AA+II;EA1HJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoH+D;EAnH/D,KAmHyD;EAlHzD;EACA,kBA7CC;EA8CD;EACA;EAKI;;;AAgHR;EACE,OA1KS;;AA+KP;EACI;EACA;EACA;;AAMI;EACI;EACA;;AASJ;EACI;;AAEJ;EACI;;AAEI;EACI;;AAFR;EAII;EACA;EACA;EACA;EACA;;AAOZ;EACI;EACA;EACA;;AACF;EAnLV;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA/CK;EAgDL;EACA;EAKI;;AAqKI;EAtLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA9CF;EA+CE;EACA;EAEI;;AA2KI;EAzLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBAjEO;EAkEP;EACA;EAKI;;AA2KI;EA5LZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA7CC;EA8CD;EACA;EAEI;;AAsLA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE,OAvSA;;AA0SJ;EACE,OA9RD;EA+RC;;AAMV;EACE;;;AAMR;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAMA;EACI;EACA;;;AAIR;EACI;;;AAMA;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EAAQ;EACR;EACA;EACA;EACA;EACA,YArXM;;;AAyXZ;EAGI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAKR;EACE;;;AAKF;EAKU;IACE;;EAEF;IACE;;;AAQZ;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;IACA;IACA;;EAIF;IACE;;EAEF;IACE;;EASE;IACE;;EACA;IACE;;EAQJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAMF;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;;EAEF;IACE;;EAKA;IACE;;;AAOV;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;EAOF;IACE;;EAEF;IACE;;;AAQZ;EAKU;IACE","file":"custom.css"}

8
static/css/style.css
View File

@@ -2336,6 +2336,10 @@ body {
margin-top: auto;
}
.ml-auto {
margin-left: auto;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
@@ -2955,10 +2959,6 @@ body {
padding: 2rem;
}
.p-10 {
padding: 2.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;

2
themes/chill-theme/layouts/features/single.html
View File

@@ -2,7 +2,7 @@
<div class="pt-2 feature-page badge-{{ .Params.badgeColor }}">
<style>
.badge {
background-color: color-mix(in srgb, var(--badge-color) 30%, transparent);
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
color: #222;
}
.gradient-bg {

6
themes/chill-theme/layouts/partials/feature-card.html
View File

@@ -3,7 +3,7 @@
{{ with .Params.badge }}
<style>
.badge {
background-color: color-mix(in srgb, var(--badge-color) 30%, transparent);
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
color: #222;
}
.badge-icon {
@@ -11,7 +11,9 @@
}
</style>
<div class="px-6 pt-6">
<div class="badge inline-block px-4 py-2 rounded-full font-medium">{{ . }}</div>
<span class="badge inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium">
{{ . }}
</span>
</div>
{{ end }}

11
themes/chill-theme/layouts/partials/shortcodes/feature.html
View File

@@ -21,14 +21,19 @@
<div class="space-y-6 {{ if eq $imagePosition "left" }}order-1 lg:order-2{{ end }}">
<style>
.badge {
background-color: color-mix(in srgb, var(--badge-color) 30%, transparent);
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
color: #222;
}
.badge-icon {
color: var(--badge-color);
color: #f46839;
}
</style>
<div class="badge inline-block px-4 py-2 rounded-full font-medium">{{ $badge }}</div>
<span class="badge inline-flex items-center rounded-full px-4 py-1.5 text-sm font-medium">
{{ $badge }}
</span>
<h3 class="text-2xl md:text-3xl font-bold">{{ $title }}</h3>
<p class="text-lg text-gray-600">{{ $description }}</p>
<ul class="space-y-4">

2
themes/chill-theme/layouts/shortcodes/feature.html
View File

@@ -20,7 +20,7 @@
<div class="space-y-6 {{ if eq $imagePosition "left" }}order-1 lg:order-2{{ end }}">
<style>
.badge {
background-color: color-mix(in srgb, var(--badge-color) 10%, transparent);
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
color: var(--badge-color);
}
.badge-icon {