diff --git a/src/_includes/icons/social/facebook.svg b/src/_includes/icons/social/facebook.svg
new file mode 100644
index 0000000..2ac4204
--- /dev/null
+++ b/src/_includes/icons/social/facebook.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/_includes/icons/social/instagram.svg b/src/_includes/icons/social/instagram.svg
new file mode 100644
index 0000000..de5bb09
--- /dev/null
+++ b/src/_includes/icons/social/instagram.svg
@@ -0,0 +1,11 @@
+
diff --git a/src/_includes/icons/social/linkedin.svg b/src/_includes/icons/social/linkedin.svg
new file mode 100644
index 0000000..6d3d850
--- /dev/null
+++ b/src/_includes/icons/social/linkedin.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/_includes/icons/social/telegram.svg b/src/_includes/icons/social/telegram.svg
new file mode 100644
index 0000000..5824d3b
--- /dev/null
+++ b/src/_includes/icons/social/telegram.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/_includes/icons/social/twitter.svg b/src/_includes/icons/social/twitter.svg
new file mode 100644
index 0000000..cc5c351
--- /dev/null
+++ b/src/_includes/icons/social/twitter.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/_includes/icons/social/whatsapp.svg b/src/_includes/icons/social/whatsapp.svg
new file mode 100644
index 0000000..9bd4fa0
--- /dev/null
+++ b/src/_includes/icons/social/whatsapp.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/css/2-components/_buttons.scss b/src/css/2-components/_buttons.scss
index ba7891e..dab2354 100755
--- a/src/css/2-components/_buttons.scss
+++ b/src/css/2-components/_buttons.scss
@@ -7,6 +7,7 @@
$btn-primary: $color-purple-1;
$btn-secondary: $color-pink-1;
$btn-tertiary: $color-purple-1;
+$btn-light: $color-purple-4;
$btn-danger: #c53a3a;
$btn-hover: 5%;
$btn-radius: 0;
@@ -35,6 +36,10 @@ $btn-border-width: 0.1rem;
vertical-align: middle;
}
+.btn[target="_blank"] {
+ cursor: alias;
+}
+
.btn:hover,
.btn:active {
background-color: color.adjust($btn-primary, $lightness: - $btn-hover);
@@ -88,10 +93,37 @@ $btn-border-width: 0.1rem;
box-shadow: none;
}
+.btn--light,
+.btn--light:link,
+.btn--light:visited {
+ padding: 2rem 4rem;
+ background-color: $btn-light;
+ box-shadow: none;
+ color: $color-purple-1;
+ font-size: 2.4rem;
+ font-weight: 500;
+}
+
+.btn--light:hover,
+.btn--light:active {
+ background-color: color.adjust($btn-light, $lightness: - $btn-hover);
+}
+
.btn--icoYellow svg {
color: $color-yellow-1;
}
+.btn--invisible,
+.btn--invisible:link,
+.btn--invisible:visited {
+ display: inline-flex;
+ padding: 1.5rem;
+ border: none;
+ margin: 0;
+ background: none;
+ cursor: pointer;
+}
+
/* size
-------------------------------------------------------------- */
diff --git a/src/css/3-base/_04-main.scss b/src/css/3-base/_04-main.scss
index 8b8e2f9..e1f9c45 100755
--- a/src/css/3-base/_04-main.scss
+++ b/src/css/3-base/_04-main.scss
@@ -34,7 +34,11 @@ body {
}
.title-2 {
- @include flow(38);
+ margin-top: 7rem;
+ margin-bottom: 2.5rem;
+ font-size: 3.8rem;
+ font-weight: 900;
+ line-height: 1.2em;
}
.title-3 {
diff --git a/src/css/_colors.scss b/src/css/_colors.scss
index 6fb1336..fa32da8 100755
--- a/src/css/_colors.scss
+++ b/src/css/_colors.scss
@@ -9,6 +9,7 @@ $hue-green: 137deg;
$color-purple-1: hsl($hue-purple 55% 25%);
$color-purple-2: hsl($hue-purple 39% 40%);
$color-purple-3: hsl($hue-purple 25% 65%);
+$color-purple-4: hsl($hue-purple 23% 95%);
$color-pink-1: hsl($hue-pink 93% 44%);
$color-pink-2: hsl($hue-pink 62% 46%);
$color-yellow-1: hsl($hue-yellow 100% 53%);
diff --git a/src/css/_helpers.scss b/src/css/_helpers.scss
index 6ead222..8a93a48 100644
--- a/src/css/_helpers.scss
+++ b/src/css/_helpers.scss
@@ -113,7 +113,7 @@ $spacers: (
(ma, margin, (0, 1, 2, 3)),
(mt, margin-top, (0, 1, 2, 3, 4, 5, 6, 7, 8)),
(mr, margin-right, (0.5, 1, 2, 3)),
- (mb, margin-bottom, (0, 0.5, 1, 1.5, 2, 3, 4, 5, 6, 7, 8)),
+ (mb, margin-bottom, (0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 5, 6, 7, 8)),
(ml, margin-left, (0.5, 1, 2, 3, 4)),
(pa, padding, (0, 1, 2, 3)),
(pt, padding-top, (1, 2, 3, 4, 6, 7, 8)),
diff --git a/src/index.njk b/src/index.njk
index 2f99941..c7ac11a 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -47,6 +47,38 @@ permalink:
+Partagez le site !
+
+
+3 actions pour aider
+
+En savoir plus
+
+