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&amp;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&amp;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: