diff --git a/src/components/CheatsheetForm/index.js b/src/components/CheatsheetForm/index.js deleted file mode 100644 index e42112b12a77d6669562c58becee2c7dcf81d138..0000000000000000000000000000000000000000 --- 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 0000000000000000000000000000000000000000..692a89d35030104c6f87a1740173af4a43235b6d --- /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 7a75d0c40c0383c630882b24a368440eef1ce204..4ca0f6e8a937f1c67e24a5a72ffedab7cf118421 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>