From d16937fc0c918fc6a3f83f69be0ffbdf37e1f0f2 Mon Sep 17 00:00:00 2001
From: Antoine Giret <ant.giret@gmail.com>
Date: Sun, 10 Mar 2024 23:09:50 +0100
Subject: [PATCH] feat: add github link in footer

---
 src/layout/index.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index b8622f0..7bedd64 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -1,6 +1,7 @@
-import { Box, Text } from '@chakra-ui/react';
+import { Box, Icon, Link, Text } from '@chakra-ui/react';
 import { WrapPageElementBrowserArgs } from 'gatsby';
 import React from 'react';
+import { IoLogoGithub } from 'react-icons/io5';
 
 function Layout({ element }: WrapPageElementBrowserArgs): JSX.Element {
   return (
@@ -29,14 +30,26 @@ function Layout({ element }: WrapPageElementBrowserArgs): JSX.Element {
       <Box
         alignItems="center"
         bgColor="gray.800"
+        color="#fff"
         display="flex"
+        fontSize="0.9rem"
+        gap={3}
         justifyContent="center"
         padding={3}
         width="100%"
       >
-        <Text color="#fff" fontSize="0.9rem">
-          &copy; Antoine Giret 2024
+        <Text>&copy; Antoine Giret 2024</Text>
+        <Text>|</Text>
+        <Text>
+          Créé avec{' '}
+          <Link color="green.500" href="https://www.gatsbyjs.com/" target="_blank">
+            Gatsby
+          </Link>
         </Text>
+        <Text>|</Text>
+        <Link height="16px" href="https://github.com/antoine-giret/bike-trips" target="_blank">
+          <Icon as={IoLogoGithub} boxSize={4} />
+        </Link>
       </Box>
     </Box>
   );