From 5a8f58c10371c6f4dc3d663558902bdd77d532eb Mon Sep 17 00:00:00 2001 From: Plumtree3D <ham.in.kneesocks@gmail.com> Date: Fri, 17 Feb 2023 12:14:38 +0100 Subject: [PATCH] refactor: added text right component, moved form --- src/components/CheatsheetForm/index.js | 14 -------------- src/components/TextRight.js | 18 ++++++++++++++++++ src/pages/cheatsheet-docker.mdx | 15 +++++++++++++-- 3 files changed, 31 insertions(+), 16 deletions(-) delete mode 100644 src/components/CheatsheetForm/index.js create mode 100644 src/components/TextRight.js diff --git a/src/components/CheatsheetForm/index.js b/src/components/CheatsheetForm/index.js deleted file mode 100644 index e42112b..0000000 --- a/src/components/CheatsheetForm/index.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from "react"; - -export default function Form() { - return ( - <form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription"> - <input type="text" name="first_name" placeholder="Prénom" required="required" /> - <input type="email" name="email" placeholder="Email" required="required" /> - <br/> - <button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button> - <br/> - <a href="#"> Je veux juste télécharger l’antisèche </a> - </form> - ) -} diff --git a/src/components/TextRight.js b/src/components/TextRight.js new file mode 100644 index 0000000..692a89d --- /dev/null +++ b/src/components/TextRight.js @@ -0,0 +1,18 @@ +/* eslint-disable react/prop-types */ +import React from "react"; +import useBaseUrl from "@docusaurus/useBaseUrl"; + +export default function TextRight({children, img, alt}) { + return ( + <> + <div className="row"> + <div className="col col--6"> + <img src={useBaseUrl(img)} alt={alt} /> + </div> + <div className="col col--6"> + {children} + </div> + </div> + </> + ); +} diff --git a/src/pages/cheatsheet-docker.mdx b/src/pages/cheatsheet-docker.mdx index 7a75d0c..4ca0f6e 100644 --- a/src/pages/cheatsheet-docker.mdx +++ b/src/pages/cheatsheet-docker.mdx @@ -1,4 +1,6 @@ -import Form from '@site/src/components/CheatsheetForm'; +import TextRight from '@site/src/components/TextRight'; + +<TextRight img="/img/" alt="Illustration de l'antisèche Docker"> # Devenez deux fois plus productif grâce à GitLab ! @@ -27,7 +29,14 @@ En vous inscrivant, vous recevrez : - Des informations et astuces régulières qui vous feront **gagner en productivité** en utilisant GitLab. - Des **réductions** à nos formations. -<Form/> +<form className="text--center margin-vert--lg" method="post" action="https://systeme.io/embedded/7273139/subscription"> + <input type="text" name="first_name" placeholder="Prénom" required="required" /> + <input type="email" name="email" placeholder="Email" required="required" /> + <br/> + <button type="submit" className="button button--primary margin-bottom--sm shadow--md">Je veux être au courant des mises à jours</button> + <br/> + <a href="#"> Je veux juste télécharger l’antisèche </a> +</form> Vos données personnelles ne seront utilisées que pour vous envoyer des messages d'information et commerciaux. Votre vie privée est importante pour nous et votre adresse courriel est en sécurité, **nous ne vendrons jamais vos courriels** à des tiers. @@ -37,3 +46,5 @@ Vous pourrez vous désinscrire à tout moment en cliquant sur le lien en bas de **Cette désinscription entraînera votre désinscription de la communauté Froggit.** Les données recueillies sur cette page sont stockées par notre [sous-traitant systeme.io](https://systeme.io/?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit), dont la politique de confidentialité est [disponible ici](https://systeme.io/fr/info/privacy?sa=sa0002743266bfa20f069aff9d665aa29843fe7bd162&trial=30&tk=tunnelfroggit). + +</TextRight> -- GitLab