From 5078a0aa9e7817e71e228513c9e2b322fb33d660 Mon Sep 17 00:00:00 2001 From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop> Date: Wed, 8 Nov 2023 10:52:56 +0100 Subject: [PATCH] separate class sections, chill-colors, texture as background --- assets/images/bg/dessin-3.png | Bin 0 -> 2632 bytes assets/scss/custom.scss | 93 ++++++++++++++++++++++++---------- config/_default/params.toml | 34 ++++++------- content/francais/_index.md | 11 +++- 4 files changed, 91 insertions(+), 47 deletions(-) create mode 100644 assets/images/bg/dessin-3.png mode change 100755 => 100644 config/_default/params.toml diff --git a/assets/images/bg/dessin-3.png b/assets/images/bg/dessin-3.png new file mode 100644 index 0000000000000000000000000000000000000000..a63d67bc35f5958e8f397360bc1ed9c6cd1a5a33 GIT binary patch literal 2632 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 literal 0 HcmV?d00001 diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index deaac28..6940b19 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -1,33 +1,72 @@ -// Add your own custom styles here +///// HOMEPAGE -section.section-sm { - &.bisou { - .container .row { - & > div { - &:first-child {} - &:last-child { - width: 100%; - } - h2, p { - text-align: center; - } - ul { - display: flex; - li { - i:first-child { - display: none; - } - flex: 1 0 0; - margin: 0.5em; - padding: 1.5em; - text-align: center; - border: 1px solid #d1d1d1; - border-radius: 4px; - +/// Chill colors +$chill-blue: #334d5c; +$chill-green: #43b29d; +$chill-beige: #d3c7b1; +$chill-red: #dc516d; +$chill-pink: #e57469; +$chill-orange: #e89463; +$chill-lightgray: #efefef; +$chill-yellow: #f1d275; + + +// Theme Custom sections +header.header { + background-color: $chill-blue; +} +main > section { + &:first-child { + background-color: $chill-blue; + } + &.section-1 { + } + &.section-2 { + } + &.section-3 { + } + &.section-4 { + } + &.section-5 { + } + &.section-6 { + background-color: $chill-blue; + background-repeat: repeat; + background-position: bottom center; + background-image: url('../images/bg/dessin-3.png'); + /* hugoplate needs to compile images in public, and make it automatically for images called from content. + we need to call first image from content md files, if we need to use it in css + */ + } + &.section-7 { + } +} + +// Change bulletlists rendering in flex bloc +section.section-1, +section.section-6 { + .container .row { + & > div { + &:last-child { + width: 100%; + } + h2, p { + text-align: center; + } + ul { + display: flex; + li { + i:first-child { + display: none; } + flex: 1 0 0; + margin: 0.5em; + padding: 1.5em; + text-align: center; + border: 1px solid #767676; + border-radius: 4px; } } - - } + } } } \ No newline at end of file diff --git a/config/_default/params.toml b/config/_default/params.toml old mode 100755 new mode 100644 index b36cd9a..6fa62df --- a/config/_default/params.toml +++ b/config/_default/params.toml @@ -64,12 +64,12 @@ image = "images/og-image.png" # site verifications # verification module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/site-verifications -[site_verification] -google = "" # Your verification code -bing = "" # Your verification code -baidu = "" # Your verification code -facebook = "" # Your verification code -mastodon = "" # Your verification code +# [site_verification] +# google = "" # Your verification code +# bing = "" # Your verification code +# baidu = "" # Your verification code +# facebook = "" # Your verification code +# mastodon = "" # Your verification code # cookies # cookies module: https://github.com/gethugothemes/hugo-modules/tree/master/components/cookie-consent @@ -83,19 +83,17 @@ button = "I Accept" [widgets] sidebar = ["categories", "tags"] - # google map -[google_map] -enable = false -map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" -map_latitude = "51.5223477" -map_longitude = "-0.1622023" -map_marker = "images/marker.png" - +# [google_map] +# enable = false +# map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" +# map_latitude = "51.5223477" +# map_longitude = "-0.1622023" +# map_marker = "images/marker.png" # Subscription -[subscription] -enable = false +# [subscription] +# enable = false # mailchimp subsciption -mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&id=a0a2c6d074" # replace this url with yours -mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074" +# mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&id=a0a2c6d074" # replace this url with yours +# mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074" diff --git a/content/francais/_index.md b/content/francais/_index.md index f851233..2b7c157 100755 --- a/content/francais/_index.md +++ b/content/francais/_index.md @@ -12,9 +12,9 @@ banner: # Features features: - + class: section-1 image: "/images/service-10.png" title: - class: bisou content: bulletpoints: - "Conservez les traces de vos interactions au quotidien" @@ -23,10 +23,13 @@ features: - "Disposez à tout moment des statistiques" - + class: section-2 image: "/images/service-20.png" + title: content: "CHILL nourrit les travailleurs sociaux des informations dont ils ont besoin au quotidien, tout en leur offrant une vision d’ensemble sur la situation de vie, les dossiers et les parcours sociaux des personnes accompagnées." - + class: section-3 image: "/images/service-1.png" title: "Efficace, efficient et intuitif" content: "Parmi ses fonctionnalités les plus appréciées, il vous permet en quelques clics:" @@ -39,7 +42,9 @@ features: - "de **gérer** les droits d’accès aux dossiers d’usagers par service et localisation, voire de rendre complètement confidentielles certains dossiers ;" - + class: section-4 image: "/images/service-20.png" + title: content: " Via les divers supports et manuels pédagogiques mis à disposition, CHILL permet l’autonomie des utilisateurs et des administrateurs, que ce soit pour l'utiliser ou pour le configurer." button: @@ -48,6 +53,7 @@ features: link: "start/user" - + class: section-5 image: "/images/service-30.png" title: content: " @@ -58,10 +64,10 @@ features: " - + class: section-6 image: "/images/service-20.png" title: content: - class: bisou bulletpoints: - "**Responsive et accessible depuis n’importe quel support informatique** (smartphone, ordinateur, tablette, etc.) afin de répondre aux enjeux de mobilité des travailleurs." - "**Propose une solution clé en main** *backend-frontend* aux nombreuses possibilités de paramétrage, qui peut être adaptée et installée dans différentes infrastructures techniques." @@ -69,6 +75,7 @@ features: - "**S’inscrit dans la philosophie du logiciel libre** et dans un processus d’amélioration continue pour un code source restant ouvert, car l’argent public doit fabriquer du code public." - + class: section-7 image: "/images/service-3.png" title: "Ce qu'il faut retenir" content: