change footer's links & create pages with Lorem ipsum

content/pages/a_propos/a_propos.md

+---
+title: À Propos
+slug: a_propos
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.

content/pages/cgu/cgu.md

+---
+title: Conditions Générales d'Utilisation
+slug: cgu
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.

content/pages/contact/contact.md

+---
+title: Contact
+slug: contact
+---
+
+
+# Contact

content/pages/cpv/cpv.md

+---
+title: Conditions Particulière de Vente
+slug: cpv
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.
+

content/pages/equipe/equipe.md

+---
+title: Équipe
+slug: equipe
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.
+

content/pages/forum/forum.md

+---
+title: Forum
+slug: forum
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.
+

content/pages/mentions_legales/mentions_legales.md

+---
+title: Mentions Légales
+slug: mentions_legales
+---
+
+- [ ] TODO remove Lorem ipsum
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent enim ante, congue et tellus at, mattis volutpat lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc mollis condimentum ipsum. Curabitur molestie feugiat magna a varius. Fusce vel fringilla eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultrices porttitor nulla, non tempor felis accumsan eu. Donec in eros sagittis, cursus diam ut, congue ex. Proin quis nibh in tellus bibendum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam scelerisque placerat justo id porttitor. Nunc massa est, dignissim nec tellus aliquam, aliquam sollicitudin lorem. Aliquam commodo ex non fringilla tempor. Praesent vestibulum sem a purus pretium, et scelerisque felis viverra. Donec at felis felis.
+
+Integer eu nibh quis purus scelerisque faucibus. Aliquam quis neque ipsum. Integer pretium facilisis neque ut hendrerit. Cras tempor ante et lacus maximus ullamcorper. Morbi condimentum erat id dictum pretium. Nulla vel mauris pharetra ex vestibulum rhoncus. Proin ultrices lorem lacus, sit amet aliquet libero bibendum vitae. Vivamus id laoreet leo.
+
+Suspendisse gravida mi ac diam tempor, quis posuere elit rhoncus. Duis accumsan, enim ac efficitur condimentum, ligula erat molestie ligula, sit amet egestas nulla tellus ut enim. Duis faucibus mi a facilisis fringilla. In hac habitasse platea dictumst. Aliquam vulputate libero est, quis cursus massa porta eget. Integer vestibulum commodo tristique. Phasellus eget blandit nibh. Sed nec sagittis ligula, vitae eleifend metus. Quisque vel sem quis mauris eleifend feugiat. Integer imperdiet mauris vel accumsan bibendum. Nullam id aliquet odio.
+
+Sed fringilla bibendum ex sed vestibulum. In hac habitasse platea dictumst. Donec sollicitudin metus ipsum, vel ullamcorper metus molestie vitae. Aliquam nec volutpat nisl, a feugiat felis. Quisque efficitur ultrices augue, in pulvinar lectus lobortis eu. Aliquam a malesuada mauris, in tincidunt libero. Nam ultrices mi nibh, sit amet finibus sapien posuere non. Vestibulum fermentum, ex facilisis varius luctus, tortor leo ultrices ante, vitae ornare nunc orci non nibh. Proin ut fermentum libero. In dictum ligula quis tellus aliquet iaculis. Vestibulum interdum vestibulum semper. Phasellus nibh metus, ornare a fringilla et, venenatis at dui.
+
+Donec justo ligula, egestas ac rutrum in, finibus eget velit. Pellentesque porta vehicula orci ac ultrices. Morbi tristique feugiat tellus, in pharetra tortor hendrerit vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam id risus elit. Donec venenatis vel sem nec viverra.
+

content/pages/wiki/wiki.md

+---
+title: Wiki
+slug: wiki
+---
+
+
+# Wiki

data/siteConfig.js

@@ -57,41 +57,67 @@ module.exports = {
   ],
   // Footer information (ex: Github, Netlify...)
   websiteHost: {
-    name: "GitHub",
-    url: "https://github.com",
+    name: "GitLab",
+    url: "https://gitlab.com",
   },
   footerLinks: [
     {
-      sectionName: "Explore",
+      sectionName: "Pourquoi Froggit ?",
       links: [
         {
-          label: "Blog",
-          url: "/",
+          label: "Ton code source est-il en sécurité ?",
+          url: "https://lydra.fr/es-2-ton-code-source-est-il-vraiment-en-securite/",
         },
         {
-          label: "About",
-          url: "/about-gatsby-starter-morning-dew",
+          label: "La souveraineté numérique",
+          url: "https://lydra.fr/category/souverainete-numerique/",
         },
+      ],
+    },
+    {
+      sectionName: "Communauté",
+      links: [
         {
-          label: "Installation",
-          url: "/how-to-install",
+          label: "Forum",
+          url: "/forum",
+        },
+        {
+          label: "Wiki",
+          url: "/wiki",
         },
       ],
     },
     {
-      sectionName: "Follow the author",
+      sectionName: "Société",
       links: [
         {
-          label: "GitHub",
-          url: "https://github.com/maxpou/gatsby-starter-morning-dew",
+          label: "À propos",
+          url: "/a_propos",
+        },
+        {
+          label: "Contact",
+          url: "/contact",
+        },
+        
+        {
+          label: "Équipe",
+          url: "/equipe",
+        },
+        {
+          label: "Mentions légales",
+          url: "/mentions_legales",
+        },
+        {
+          label: "CGV",
+          url: "https://oxalis-scop.fr/conditions-generales-de-vente",
         },
         {
-          label: "Website",
-          url: "https://www.maxpou.fr",
+          label: "CPV",
+          url: "/cpv",
         },
         {
-          label: "Twitter",
-          url: "https://twitter.com/_maxpou",
+          label: "CGU",
+          url: "/cgu",
         },
       ],
     },

src/components/Footer.js

@@ -22,7 +22,7 @@ const FooterWrapper = styled.footer`
     margin: 0 auto;
 
     .footer-col {
-      flex: 1 auto;
+      flex: 1 1 auto;
       display: inline-flex;
       flex-direction: column;
       padding-right: 1em;
@@ -56,13 +56,10 @@ const FooterWrapper = styled.footer`
     }
   }
 
-  .footer-heart {
-    color: ${colors.heartFooter};
-  }
-
   .footer-item-text {
-    padding: 0.1rem 0;
+    padding: 0.1rem 20rem 0rem;
     color: ${colors.textLightest};
+    flex-direction: row;
   }
 
   .footer-header {
@@ -86,7 +83,7 @@ const FooterWrapper = styled.footer`
 
 const Footer = () => {
   const { authorName, websiteHost, footerLinks } = useSiteMetadata()
-
+    
   const FooterItem = ({ item }) => {
     if (item.url.startsWith("/")) {
       return (
@@ -124,42 +121,31 @@ const Footer = () => {
   return (
     <FooterWrapper>
       <nav>
+
+        {footerLinks.map((column, i) => {
+          return <FooterColumn column={column} key={`footer-column-${i}`} />
+        })}
+  
         <div className="footer-col">
-          <h3 className="footer-title">
-            {authorName} © {new Date().getFullYear()}
-          </h3>
           <p className="footer-item-text">
-            Built with{" "}
-            <a className="footer-link" href="https://www.gatsbyjs.org">
-              Gatsby
+            <a className="footer-link" href="https://lydra.fr/">
+              {authorName} © {new Date().getFullYear()}
             </a>
-            .
           </p>
           <p className="footer-item-text">
-            Theme using{" "}
-            <a
-              className="footer-link"
-              href="https://github.com/maxpou/gatsby-starter-morning-dew"
-            >
-              gatsby-starter-morning-dew
-            </a>
-            .
-          </p>
-          <p className="footer-item-text">
-            Hosted with{" "}
+            Hébergé avec{" "}
             <span className="footer-heart" role="img" aria-label="Love">
               ❤
             </span>{" "}
-            by{" "}
+            par{" "}
             <a className="footer-link" href={websiteHost.url}>
               {websiteHost.name}
             </a>
             .
           </p>
+
         </div>
-        {footerLinks.map((column, i) => {
-          return <FooterColumn column={column} key={`footer-column-${i}`} />
-        })}
+
       </nav>
     </FooterWrapper>
   )