From e3c547979af1c7fb4e7f5d42685186a355683e60 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Wed, 8 Nov 2023 14:32:14 +0100
Subject: [PATCH] use 'dark' class locally in header, hero or custom sections.
 adapt dark styles.

---
 assets/images/logo-darkmode.png               | Bin 3090 -> 12386 bytes
 assets/scss/custom.scss                       |  61 ++++++++++++++----
 config/_default/params.toml                   |  22 +++++--
 content/francais/_index.md                    |  35 +++++-----
 data/theme.json                               |  14 ++--
 themes/hugoplate/assets/scss/buttons.scss     |   6 +-
 themes/hugoplate/layouts/index.html           |   4 +-
 .../layouts/partials/essentials/footer.html   |   2 +
 .../layouts/partials/essentials/header.html   |   4 +-
 9 files changed, 102 insertions(+), 46 deletions(-)

diff --git a/assets/images/logo-darkmode.png b/assets/images/logo-darkmode.png
index c85cca95553fe90474564cb235279fa47a69fd7e..eb6c936b58744ea10b08115c255615d6f729b18e 100644
GIT binary patch
literal 12386
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

literal 3090
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

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 6940b19..f3144fe 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -1,6 +1,6 @@
 ///// HOMEPAGE
 
-/// Chill colors
+/// Chill brand colors
 $chill-blue: #334d5c;
 $chill-green: #43b29d;
 $chill-beige: #d3c7b1;
@@ -10,41 +10,66 @@ $chill-orange: #e89463;
 $chill-lightgray: #efefef;
 $chill-yellow: #f1d275;
 
+/// Other custom colors
+$bg-dark-blue: #0d242e;
+$bg-light-blue: #a0dcff;
+$btn-orange: #f46839;
+$text-green: #56c4aa;
+$icon-red: #f0384d;
+$icon-yellow: #fcc958;
+
+// Pattern
+// hugo needs to precompile images in public dir, and make it automatically with images called from content.
+// here we need to use it in css, then need to generate it, calling it first from a content md file.
+@mixin apply-bgpattern-01() {
+    background-repeat: repeat;
+    background-position: bottom center;
+    background-image: url('../images/bg/dessin-3.png'); 
+}
+
 
 // Theme Custom sections
 header.header {
-    background-color: $chill-blue;
+    background-color: $bg-dark-blue;
 }
 main > section {
-    &:first-child {
-        background-color: $chill-blue;
+    &.hero {
+        background-color: $bg-dark-blue;
+        @include apply-bgpattern-01();
+        h1 {
+            color: $text-green;
+        }
+        p {
+            color: white;
+            font-weight: bolder;
+        }
     }
     &.section-1 {
+        background-color: $bg-light-blue;
     }
     &.section-2 {
     }
     &.section-3 {
+        background-color: $text-green;
     }
     &.section-4 {
     }
     &.section-5 {
+        background-color: transparentize($color: $text-green, $amount: 0.7)
     }
     &.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
-        */
+        background-color: $bg-dark-blue;
+        @include apply-bgpattern-01();        
     }
     &.section-7 {
+        background-color: $bg-light-blue;
     }
 }
 
 // Change bulletlists rendering in flex bloc
 section.section-1,
-section.section-6 {
+section.section-5,
+section.section-7 {
     .container .row {
         & > div {
             &:last-child {
@@ -69,4 +94,16 @@ section.section-6 {
             }
         }    
     }
+}
+
+// Dark context (homepage header, hero, footer)
+.dark {
+
+    // Overwrite primary button design
+    .btn-primary {
+        background-color: $btn-orange;
+        color: white;
+        border: 1px solid $btn-orange;
+        border-radius: 2em;
+    }
 }
\ No newline at end of file
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 6fa62df..94cbcd6 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -1,31 +1,43 @@
 #################### default parameters ################################
 # favicon
 favicon = "images/favicon.png"
+
 # logo
 logo = "images/logo.png"
 logo_darkmode = "images/logo-darkmode.png"
+
 # use `px` or `x` with logo_width, example: "100px".
 # Note: logo_width is not work with .svg file
 logo_width = "160px"
 logo_height = "32px"
+
 # if logo_webp set false, will not generate WEBP version of logo | default is true
 logo_webp = true
+
 # logo text will only show when logo is missing.
 logo_text = "Hugoplate"
+
 # navbar fixed to top
-navbar_fixed = true
+navbar_fixed = false
+
 # theme-mode
-theme_switcher = true
-theme_default = "dark" # available options [light/dark/system]
+# available options [light/dark/system]
+theme_switcher = false
+theme_default = "light" 
+
 # Main Sections
 mainSections = ["blog"]
+
 # contact form action
 contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
+
 # google tag manager, see https://developers.google.com/tag-manager/
-google_tag_manager = "" # example: G-XXXXXXXXXX
-google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+# google_tag_manager = "" # example: G-XXXXXXXXXX
+# google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+
 # custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
 custom_script = ""
+
 # copyright
 copyright = "Designed & Developed by [Zeon Studio](https://zeon.studio)"
 
diff --git a/content/francais/_index.md b/content/francais/_index.md
index 2b7c157..73a1b68 100755
--- a/content/francais/_index.md
+++ b/content/francais/_index.md
@@ -1,9 +1,10 @@
 ---
 # Banner
 banner:
+  class: dark
+  image: "/images/banner.png"
   title: "Le compagnon du travailleur social"
   content: "CHILL est une application web open source, un logiciel métier dédié à l'accompagnement des personnes, pour améliorer et faciliter le travail social."
-  image: "/images/banner.png"
   button:
     enable: true
     label: "Essayer la démo"
@@ -27,6 +28,10 @@ features:
     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."
+    button:
+      enable: false
+      label: "Test button style"
+      link: "#"
 
   - 
     class: section-3
@@ -43,7 +48,7 @@ features:
 
   - 
     class: section-4
-    image: "/images/service-20.png"
+    image: "/images/service-3.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."
@@ -53,18 +58,7 @@ features:
       link: "start/user"
 
   - 
-    class: section-5
-    image: "/images/service-30.png"
-    title: 
-    content: "
-    **Flexible et adaptable à de nombreuses réalités, CHILL s'adapte à une diversité de grosses comme de petites structures.**  
-    <br><br>
-    CHILL a été développé dans le cadre d'un processus participatif avec les travailleurs sociaux de différents secteurs, afin que le logiciel réponde à leur besoin et à une diversité de réalités de terrain. 
-    <br><br>
-    "
-
-  - 
-    class: section-6
+    class: section-5 dark
     image: "/images/service-20.png"
     title: 
     content: 
@@ -74,9 +68,20 @@ features:
     - "**Respecte les principes du RGPD** de *privacy by design* et *security by design*, en offrant la possibilité aux administrateurs de paramétrer différents rôles, cercles d’utilisateurs et règles d’accès aux contenus."
     - "**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-6
+    image: "/images/service-30.png"
+    title: 
+    content: "
+    **Flexible et adaptable à de nombreuses réalités, CHILL s'adapte à une diversité de grosses comme de petites structures.**  
+    <br><br>
+    CHILL a été développé dans le cadre d'un processus participatif avec les travailleurs sociaux de différents secteurs, afin que le logiciel réponde à leur besoin et à une diversité de réalités de terrain. 
+    <br><br>
+    "
+
   - 
     class: section-7
-    image: "/images/service-3.png" 
+    image: "/images/service-30.png" 
     title: "Ce qu'il faut retenir"
     content:
     bulletpoints: 
diff --git a/data/theme.json b/data/theme.json
index c838223..d4ff439 100644
--- a/data/theme.json
+++ b/data/theme.json
@@ -18,8 +18,8 @@
       "theme_color": {
         "primary": "#fff",
         "body": "#1c1c1c",
-        "border": "#3E3E3E",
-        "theme_light": "#222222",
+        "border": "#ffffff09",
+        "theme_light": "#0d242e",
         "theme_dark": ""
       },
       "text_color": {
@@ -31,14 +31,12 @@
   },
   "fonts": {
     "font_family": {
-      "primary": "Heebo:wght@400;600",
-      "primary_type": "sans-serif",
-      "secondary": "Signika:wght@500;700",
-      "secondary_type": "sans-serif"
+      "primary": "OpenSans:wght@300;400;500;600;700;800",
+      "primary_type": "sans-serif"
     },
     "font_size": {
-      "base": "16",
-      "scale": "1.250"
+      "base": "15",
+      "scale": "1.25"
     }
   }
 }
diff --git a/themes/hugoplate/assets/scss/buttons.scss b/themes/hugoplate/assets/scss/buttons.scss
index e75043f..ae20a38 100755
--- a/themes/hugoplate/assets/scss/buttons.scss
+++ b/themes/hugoplate/assets/scss/buttons.scss
@@ -7,9 +7,11 @@
 }
 
 .btn-primary {
-  @apply border-primary bg-primary dark:border-darkmode-primary dark:text-dark text-white dark:bg-white;
+  @apply border-primary text-white bg-primary 
+    dark:border-darkmode-primary dark:text-dark dark:bg-white;
 }
 
 .btn-outline-primary {
-  @apply border-dark text-dark hover:bg-dark dark:hover:text-dark bg-transparent hover:text-white dark:border-white dark:text-white dark:hover:bg-white;
+  @apply text-dark bg-transparent border-dark hover:bg-dark hover:text-white 
+    dark:text-white dark:border-white dark:hover:text-dark dark:hover:bg-white;
 }
diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html
index f8777bf..fd49061 100755
--- a/themes/hugoplate/layouts/index.html
+++ b/themes/hugoplate/layouts/index.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
   <!-- Banner -->
   {{ with .Params.banner }}
-    <section class="section pt-14">
+    <section class="section pt-14 hero {{ with .class }}{{ . }}{{ end }}">
       <div class="container">
         <div class="row justify-center">
           <div class="lg:col-7 mb-8 text-center">
@@ -31,7 +31,7 @@
 
   <!-- Features -->
   {{ range $i, $e:= .Params.features }}
-    <section class="section-sm {{ with .class }}{{ . }}{{ end }} {{ if (modBool $i 2) }}bg-gradient{{ end }}">
+    <section class="section-sm sn-{{ add $i 1 }} {{ with .class }}{{ . }}{{ end }}">
       <div class="container">
         <div class="row items-center justify-between">
           <div
diff --git a/themes/hugoplate/layouts/partials/essentials/footer.html b/themes/hugoplate/layouts/partials/essentials/footer.html
index b5f912f..df04c54 100755
--- a/themes/hugoplate/layouts/partials/essentials/footer.html
+++ b/themes/hugoplate/layouts/partials/essentials/footer.html
@@ -1,3 +1,4 @@
+<div class="dark">
 <footer class="bg-theme-light dark:bg-darkmode-theme-light">
   <div class="container">
     <div class="row items-center py-10">
@@ -55,3 +56,4 @@
     </div>
   </div>
 </footer>
+</div>
diff --git a/themes/hugoplate/layouts/partials/essentials/header.html b/themes/hugoplate/layouts/partials/essentials/header.html
index 56bf1f4..cdd1600 100755
--- a/themes/hugoplate/layouts/partials/essentials/header.html
+++ b/themes/hugoplate/layouts/partials/essentials/header.html
@@ -1,5 +1,5 @@
 <header
-  class="header {{ if site.Params.navbar_fixed }}sticky top-0{{ end }} z-30">
+  class="header dark {{ if site.Params.navbar_fixed }}sticky top-0{{ end }} z-30">
   <nav class="navbar container">
     <!-- logo -->
     <div class="order-0">
@@ -126,7 +126,7 @@
       {{ if site.Params.navigation_button.enable }}
         <a
           href="{{ site.Params.navigation_button.link | relLangURL }}"
-          class="btn btn-outline-primary btn-sm hidden lg:inline-block">
+          class="btn btn-primary btn-sm hidden lg:inline-block">
           {{ site.Params.navigation_button.label }}
         </a>
       {{ end }}