Merge branch '47-ajouter-composant-inscription-discourse-en-bas-de-page-de-blog' into 'main'

Resolve "ajouter composant inscription discourse en bas de page de blog"

Closes #47

See merge request !83

src/components/JoinDiscourse/index.js

+import React from 'react';
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import styles from './styles.module.css'
+
+export default function JoinDiscourse() {
+  return (
+  <div className={styles.cdd_card}>
+    <p>
+    Rejoins notre communauté francophone dédié au mouvement DevOps ! <br/> C&apos;est par ici ! 
+    </p>
+    <div className={styles.cdd_button}>
+      <img className={styles.cdd_icon} src={useBaseUrl('/img/checklist.png')} />
+      <Link
+        className="button button--primary"
+        href="https://www.compagnons-devops.fr/#join">
+        Je rejoins la communauté! 
+      </Link> 
+    </div>
+  </div>
+  )
+}

src/components/JoinDiscourse/styles.module.css

+.cdd_icon {
+  position: absolute;
+  width: 45px;
+  z-index: -1;
+  transform: translate(-90%, -50%);
+  overflow: visible;
+}
+
+
+.cdd_card {
+  text-align: center;
+}

src/pages/dummy-page.mdx

 ---
 title: "Dummy page"
 ---
+import JoinDiscourse from '../components/JoinDiscourse'
 
 # Markdown page example
 
 You don't need React to write simple standalone pages.
 
+<JoinDiscourse/>
 <RdoEmissions/>  
 <FrgCommu/>
 <FrgAccelerateur/>

src/pages/radio-devops.md → src/pages/radio-devops.mdx

 ---
 title: Radio DevOps
 ---
+import Link from '@docusaurus/Link'
 
 # Radio DevOps
 
@@ -34,7 +35,7 @@ Nous avons donc décidé de créer et d’animer une communauté qui partage nos
 * L’amélioration continue fait de nous des experts en devenir.
 
 <Link
-  className="button button--secondary button--lg"
+  className="button button--primary button--lg"
   href="https://www.compagnons-devops.fr/">
   Rejoignez la communauté des Compagnons du DevOps !
 </Link>  

src/theme/BlogSidebar/Desktop/index.js

@@ -5,7 +5,7 @@ import {translate} from '@docusaurus/Translate';
 import Tag from '@theme/Tag';
 import styles from './styles.module.css';
 import popularTags from '@site/static/popularTags.json'
-
+import JoinDiscourse from '@site/src/components/JoinDiscourse'
 
 export default function BlogSidebarDesktop({sidebar}) {
   return (
@@ -51,6 +51,8 @@ export default function BlogSidebarDesktop({sidebar}) {
             </li>
           ))}
         </ul>
+        <hr/>
+        <JoinDiscourse/>
       </nav>
     </aside>
   );

src/theme/BlogSidebar/Mobile/index.js

@@ -3,6 +3,7 @@ import Link from '@docusaurus/Link';
 import Tag from '@theme/Tag';
 import popularTags from '@site/static/popularTags.json'
 import {NavbarSecondaryMenuFiller} from '@docusaurus/theme-common';
+import JoinDiscourse from '@site/src/components/JoinDiscourse'
 
 
 function BlogSidebarMobileSecondaryMenu({sidebar}) {
@@ -36,6 +37,8 @@ function BlogSidebarMobileSecondaryMenu({sidebar}) {
     activeClassName="menu__link--active">
     Voir tous les tags
     </Link>
+    <hr/>
+    <JoinDiscourse/>
     </>
   );
 }