From 572dcef82c9d440c492dec120882fd30b7494058 Mon Sep 17 00:00:00 2001 From: Tixie Date: Thu, 2 Mar 2023 08:39:28 +0100 Subject: [PATCH] Add content --- src/_includes/icons/social/facebook.svg | 10 ++++++++ src/_includes/icons/social/instagram.svg | 11 ++++++++ src/_includes/icons/social/linkedin.svg | 3 +++ src/_includes/icons/social/telegram.svg | 10 ++++++++ src/_includes/icons/social/twitter.svg | 10 ++++++++ src/_includes/icons/social/whatsapp.svg | 3 +++ src/css/2-components/_buttons.scss | 32 ++++++++++++++++++++++++ src/css/3-base/_04-main.scss | 6 ++++- src/css/_colors.scss | 1 + src/css/_helpers.scss | 2 +- src/index.njk | 32 ++++++++++++++++++++++++ 11 files changed, 118 insertions(+), 2 deletions(-) create mode 100644 src/_includes/icons/social/facebook.svg create mode 100644 src/_includes/icons/social/instagram.svg create mode 100644 src/_includes/icons/social/linkedin.svg create mode 100644 src/_includes/icons/social/telegram.svg create mode 100644 src/_includes/icons/social/twitter.svg create mode 100644 src/_includes/icons/social/whatsapp.svg 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 !

+ +
+ {% include 'icons/social/twitter.svg' %} + {% include 'icons/social/facebook.svg' %} + {% include 'icons/social/instagram.svg' %} + {% include 'icons/social/whatsapp.svg' %} + {% include 'icons/social/telegram.svg' %} + {% include 'icons/social/linkedin.svg' %} +
+
+ +
+

3 actions pour aider

+
+ ✉️ Envoyer un mailaux collègues + ✒️ Signerla pétition + ❤ Faire un donà une caisse de grève +
+
+ +
+

En savoir plus

+
+ 💸 Simuler ma retraite avec la réforme + 🔥 La grève, mode d’emploi + 📄 Synthèse de la réforme, par Nos Retraites + 🙅‍♀️ Femmes et retraites, le choc s’annonce rapide et brutal +
+
+ {% if eleventy.serverless %}

SERVERLESS !

{% endif %}