diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index dde207d..d8f9769 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -42,7 +42,7 @@ $icon-yellow: #fcc958;
}
// Colored design element: square or circle
-@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -35%, $pos-left: 50%) {
+@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -60%, $pos-left: 47%) {
position: relative;
z-index: 1;
&:before {
@@ -56,7 +56,7 @@ $icon-yellow: #fcc958;
background-color: $color;
z-index: 0;
@if $shape == 'circle' {
- border-radius: 35px;
+ border-radius: 50px;
}
@else {
border-radius: 0;
@@ -70,20 +70,25 @@ header.header {
}
main > section {
&.hero {
- background-color: $bg-dark-blue;
- //@include add-bg-pattern(1);
- //@include add-horizontal-curve(1, bottom);
- h1 { color: $text-green; }
- #curve-1 {
- position: absolute;
- bottom: 0;
- }
+ height: 84vh;
+ background-color: $bg-dark-blue;
+ //@include add-bg-pattern(1);
+
+ h1 { color: $text-green; }
+ .hero-img {
+ padding-top: 3rem;
+ }
}
&.section-1 {
+ padding-top: 27rem;
li { font-weight: 600; }
}
&.section-2 {
- background-color: transparentize($color: $text-green, $amount: 0.7)
+ .container {
+ color: $bg-dark-blue;
+ text-align: center;
+ }
+ background-color: transparentize($color: $text-green, $amount: 0.7)
}
&.section-3 {
background-color: $text-green;
@@ -109,9 +114,20 @@ main > section {
}
}
}
+
+.hero-relative {
+ position: relative;
+}
+
+.curve {
+ position: absolute;
+ top: 500px;
+ z-index: -1;
+}
+
.dark > footer {
margin-top: 4rem;
- @include add-horizontal-curve(3, top);
+ //@include add-horizontal-curve(3, top);
&:before {
top: -100px;
}
@@ -157,10 +173,10 @@ section {
display: none;
}
flex: 1 0 0;
- margin: 0.5em;
- padding: 1.5em;
+ margin: 0.5em 2rem 0.5em 2rem;
+ padding: 2.5em 1em 1em 1em;
text-align: center;
- border-radius: 4px;
+ border-radius: 20px;
background-color: #ffffff3b;
}
}
@@ -173,16 +189,19 @@ section {
font-weight: 500;
font-size: large;
&:nth-child(1) {
- @include add-decorative-shape($text-green, 'square', 0.7);
+ @include add-decorative-shape($text-green, 'square', 1);
+ &:after {
+ content: "\f4d7";
+ }
}
&:nth-child(2) {
- @include add-decorative-shape($icon-red, 'circle', 0.7);
+ @include add-decorative-shape($icon-red, 'circle', 1);
}
&:nth-child(3) {
- @include add-decorative-shape($chill-orange, 'square', 0.7);
+ @include add-decorative-shape($chill-orange, 'square', 1);
}
&:nth-child(4) {
- @include add-decorative-shape($icon-yellow, 'circle', 0.7);
+ @include add-decorative-shape($icon-yellow, 'circle', 1);
}
}
}
@@ -223,8 +242,8 @@ section.dark {
main > section {
&.page-hero {
background-color: $bg-dark-blue;
- @include add-bg-pattern(1);
- @include add-horizontal-curve(1, bottom);
+ //@include add-bg-pattern(1);
+ //@include add-horizontal-curve(1, bottom);
h1 { color: $text-green; }
}
}
diff --git a/content/english/_index.md b/content/english/_index.md
index f4ae0a0..b97d764 100755
--- a/content/english/_index.md
+++ b/content/english/_index.md
@@ -3,7 +3,7 @@
banner:
title: "The software partner for social professionals"
content: "Chill is a web application for social professionals, focused on supporting people. Chill is 100% free and open-source."
- image: "/images/banner.png"
+ image: "/images/illustrations/hero-image.png"
button:
enable: true
label: "Try the demo"
diff --git a/content/francais/_index.md b/content/francais/_index.md
index 086a472..8b6a8ac 100755
--- a/content/francais/_index.md
+++ b/content/francais/_index.md
@@ -2,10 +2,10 @@
banner:
class: dark
- image: /images/banner.png
+ image: /images/illustrations/hero-image.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.
+ Une application web open source dédié à faciliter le travail social.
bulletpoints:
button:
enable: true
@@ -32,7 +32,7 @@ features:
- #2
class: section-sm big-text
image: /images/svg/curve-20.svg ##
- title: 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.
+ title: CHILL. L'application est là pour vous offrir une administration plus facile et une vue d'ensemble de votre travail à tout moment.
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.
bulletpoints:
@@ -43,7 +43,7 @@ features:
- #3
class:
- image: /images/service-1.png
+ image: /images/illustrations/efficient.png
title: Efficace, efficient et intuitif
content: "Parmi ses fonctionnalités les plus appréciées, il vous permet en quelques clics :"
bulletpoints:
@@ -76,8 +76,8 @@ features:
title: Mais aussi...
content: #CHILL est un logiciel professionnel conçu selon les standards de développement actuels.
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.
+ -
Responsive et accessible
Chill répond aux enjeux de mobilité des travailleurs.
+ -
Une solution clé en main
Nombreuses possibilités de paramétrage pour répondre à vos besoins.
-
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.
button:
diff --git a/static/images/svg/curve-1.svg b/static/images/svg/curve-1.svg
index 362f5e2..540a34d 100644
--- a/static/images/svg/curve-1.svg
+++ b/static/images/svg/curve-1.svg
@@ -1,5 +1 @@
-
+
diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html
index bbd7acc..da4ed41 100755
--- a/themes/hugoplate/layouts/index.html
+++ b/themes/hugoplate/layouts/index.html
@@ -20,13 +20,16 @@
{{ end }}
{{ end }}
-