Merge branch '130-add-websitecarbon-badge' into 'master'

Resolve "add websitecarbon badge"

Closes #130

See merge request !107

package.json

@@ -35,6 +35,7 @@
     "react-dom": "^17.0.1",
     "react-icons": "^4.3.1",
     "react-slick": "^0.29.0",
+    "react-websitecarbon-badge": "^1.0.6",
     "slick-carousel": "^1.8.1",
     "url-loader": "^4.1.1"
   },

src/css/footer.css

@@ -50,3 +50,16 @@ a.footer__link-item:hover {
 .footer__copyright a {
     text-decoration: underline;
 }
+
+.footerBadges {
+  margin: 2rem;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.carbonbadge a {
+  border: none;
+  background-color: var(--ifm-color-primary);
+  color: white;
+}

src/theme/Footer/index.js

@@ -15,6 +15,7 @@ import { FaYoutube, FaLinkedin, FaGitlab, FaTwitter } from "react-icons/fa";
 import Froggitblanc from "/static/img/theme/logo_froggit_blanc.png";
 import DontTrackMe from "/static/img/theme/do-not-track-me.svg";
 import useBaseUrl from "@docusaurus/useBaseUrl";
+import { WebsiteCarbonBadge } from "react-websitecarbon-badge";
 
 
 function Footer() {
@@ -63,13 +64,14 @@ function Footer() {
             copyright={copyright && <FooterCopyright copyright={copyright} />}
           />
         </div>
-      
-        <Link to={useBaseUrl("/confidentialite#ne-me-trackez-pas")} className="notrack_container">
-          <div>
-            <DontTrackMe className="no_track" />
-          </div>
-        </Link> 
-
+        <div className="footerBadges">
+          <Link to={useBaseUrl("/confidentialite#ne-me-trackez-pas")} className="notrack_container">
+            <div>
+              <DontTrackMe className="no_track" />
+            </div>
+          </Link> 
+          <WebsiteCarbonBadge dark="false" url="https://froggit.fr/" lang="fr"/>
+        </div>      
       </div>
     </>
   );