[ADD] Footer link back to Repo + translated

Author: carms-ng

locales/fr/index.json

@@ -30,6 +30,7 @@
   "Message": "Message",
   "Send": "Envoyer",
   "https://form.jotform.com/211253962199057": "https://form.jotform.com/211253962199057",
+  "Built with Gatsby": "Développé avec Gatsby",
   "Retainer Based Projects": "Projets basés sur les services de rétention",
   "CTO On-demand": "CTO à la demande",
   "Consolidate your HR & IT budget": "Consolidez votre budget RH & IT",

src/components/footer.js

@@ -2,10 +2,11 @@ import * as React from "react"
 import styled from 'styled-components';
 import SiteBorderStyles from '../styles/SiteBorderStyles';
 import { FiGithub, FiLinkedin } from "react-icons/fi";
+import { Trans } from "react-i18next";
 
 const FooterStyle = styled.footer`
   background: var(--black);
-  padding: 1rem 0;
+  padding: 0.5rem 0;
   color: var(--lightgrey);
 `;
 
@@ -14,16 +15,24 @@ export default function Footer() {
     <FooterStyle>
       <SiteBorderStyles>
         {/* social links*/}
-        <div className="flex my-1 md:my-2 items-center justify-center">
-          <a className="inline-block md:hidden px-2" target="_blank" rel="noreferrer" href="https://www.linkedin.com/company/coderbunker/">
-            <FiLinkedin className="text-xl" style={{ color: `var(--lightgrey)` }}/>
-          </a>
-          <a className="inline-block md:hidden px-2 mr-4" target="_blank" rel="noreferrer" href="https://github.com/coderbunker">
-            <FiGithub className="text-xl" style={{ color: `var(--lightgrey)` }}/>
-          </a>
-          <p className="md:text-xl" style={{ color: `var(--lightgrey)` }}>
+        <div className="flex my-1 md:my-2 items-center justify-between md:justify-center md:text-xl">
+          <p className="" style={{ color: `var(--lightgrey)` }}>
             © {new Date().getFullYear()} Coderbunker, inc.
           </p>
+          <p className="hidden md:inline-block" style={{ color: `var(--lightgrey)` }}>
+            <span>&nbsp;|&nbsp;</span>
+            <a target="_blank" rel="noreferrer" href="https://github.com/coderbunker/coderbunker.ca">
+              <Trans>Built with Gatsby</Trans>
+            </a>
+          </p>
+          <div>
+            <a className="inline-block md:hidden p-2 ml-6" target="_blank" rel="noreferrer" href="https://www.linkedin.com/company/coderbunker/">
+              <FiLinkedin className="text-xl" style={{ color: `var(--lightgrey)` }}/>
+            </a>
+            <a className="inline-block md:hidden p-2" target="_blank" rel="noreferrer" href="https://github.com/coderbunker">
+              <FiGithub className="text-xl" style={{ color: `var(--lightgrey)` }}/>
+            </a>
+          </div>
         </div>
       </SiteBorderStyles>
     </FooterStyle>