diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js index 110fcc9ba74f4282a0b132c8984d23591eedf22d..895ae92f422ea79a54cd6baa0e37365a0af93a2b 100644 --- a/src/components/HomepageFeatures.js +++ b/src/components/HomepageFeatures.js @@ -48,7 +48,7 @@ function Feature({Svg, title, description}) { return ( <div className="sectionsReverse row"> <div className="col col--5 text--center"> - <Svg className={styles.svg} alt={title} /> + <Svg className="stickers" alt={title} /> </div> <div className="col col--5"> <h3>{title}</h3> diff --git a/src/components/HomepageFeatures.module.css b/src/components/HomepageFeatures.module.css index 694a39450699805f02c7055ccdf7f83da8ce8cf4..3ef845f4c5d3fb3839a8210ec230273e6536f2f5 100644 --- a/src/components/HomepageFeatures.module.css +++ b/src/components/HomepageFeatures.module.css @@ -1,11 +1,5 @@ /* stylelint-disable docusaurus/copyright-header */ -.svg { - height: 275px; - width: 275px; - max-width: 100%; -} - .title { font-weight: bold; padding-bottom: 40px; diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js index 3a17b32ea7cd0c250d65db4645d036883e03e936..4d4e49ac0a72579fa57a22a1406291bd2959a7f4 100644 --- a/src/components/HomepageResults.js +++ b/src/components/HomepageResults.js @@ -1,8 +1,10 @@ import React from "react"; +import useBaseUrl from "@docusaurus/useBaseUrl"; const ResultsList = [ { - title: "Alliez compétitivité et respect de l’environnement", + title: "Alliez compétitivité et respect de l’environnement", + img: "/img/results/light-bulb.png", description: ( <> Froggit est pensé pour ceux qui regardent vers l'avenir et choisissent des solutions robustes, responsables, qui durent dans le temps. @@ -10,7 +12,8 @@ const ResultsList = [ ), }, { - title: "Intégrez facilement les pratiques DevOps", + title: "Intégrez facilement les pratiques DevOps", + img: "/img/results/great-job.png", description: ( <> Répondez plus vite aux besoins de vos clients avec notre forge logicielle agile pensée par des techs pour les techs. @@ -19,6 +22,7 @@ const ResultsList = [ }, { title: "Bénéficiez d’un service de proximité", + img: "/img/results/light-bulb.png", description: ( <> Froggit c'est aussi un service client en français et une équipe qui améliore régulièrement l'offre en fonction de vos retours ! @@ -28,9 +32,12 @@ const ResultsList = [ ]; -function Results({title, description}) { +function Results({title, img, description}) { return ( - <div className="sectionsReverse row"> + <div className="sectionsReverse row"> + <div className="col col--5 text--center"> + <img src={useBaseUrl(img)} className="stickers" /> + </div> <div className="col col--5"> <h3>{title}</h3> <p>{description}</p> diff --git a/src/css/custom.css b/src/css/custom.css index 0e40f7245ca93cdcda23b8320913b75d8144550b..91bfa28c89c4d26047fbf82f34a79db3a3285be0 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -149,6 +149,12 @@ ul { flex-direction: row-reverse; } +.stickers { + height: 275px; + width: 275px; + max-width: 100%; +} + /******* ADMONITIONS *******/ .admonition a { color: var(--ifm-color-white); diff --git a/src/pages/mentions_legales.md b/src/pages/mentions_legales.md index b94c90b6f20d0c86e97caa760a8876f20080a4fb..0231670d41ce0110fdc8a6b8718d9d68f001ea1c 100644 --- a/src/pages/mentions_legales.md +++ b/src/pages/mentions_legales.md @@ -74,10 +74,13 @@ Le code source du site est disponible sur [ce dépôt FroggitðŸ¸](https://lab.f ### Icônes et images +- **Kermit :** conçues par [stickerfolio](https://www.flaticon.com/authors/stickerfolio) sur [Flaticon](https://www.flaticon.com/stickers-pack/frog). - **Sûr :** conçues par [Freepik](https://www.freepik.com) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/bouclier_1384580). - **Souverain :** conçues par [Becris](https://www.flaticon.com/fr/auteurs/becris) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/rgpd_3202690). - **Libre :** conçues par [Freepik](https://www.freepik.com) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/liberte_2284958). -- **Kermit :** conçues par [stickerfolio](https://www.flaticon.com/authors/stickerfolio) sur [Flaticon](https://www.flaticon.com/stickers-pack/frog). +- **Ecology stickers :** conçues par [paulalee](https://www.flaticon.com/authors/paulalee) sur [Flaticon](https://www.flaticon.com/free-stickers/ecology) +- **Great Job stickers :** conçues par [paulalee](https://www.flaticon.com/authors/paulalee) sur [Flaticon](https://www.flaticon.com/stickers-pack/great-job-1) +great-job.png :::note Sources [Lydra dépôt git Legal version 1.0.0](https://gitlab.com/lydra/legal/-/blob/1.0.0/mentions_legales.md) diff --git a/static/img/results/great-job.png b/static/img/results/great-job.png new file mode 100644 index 0000000000000000000000000000000000000000..499717fa43172b93fa84830f01e614f2f0312bd8 Binary files /dev/null and b/static/img/results/great-job.png differ diff --git a/static/img/results/light-bulb.png b/static/img/results/light-bulb.png new file mode 100644 index 0000000000000000000000000000000000000000..0a4a45a17cf4527dfb945228ec182180a100e182 Binary files /dev/null and b/static/img/results/light-bulb.png differ