From 740fa24b6200bc86a986d1d87e343d1257263225 Mon Sep 17 00:00:00 2001
From: Mathilde Leclerc <mathilde_leclerc@natural-solutions.eu>
Date: Wed, 23 Aug 2023 09:42:49 +0200
Subject: [PATCH] fix br tag issue

---
 src/pages/contact.tsx |  4 ++--
 src/pages/index.tsx   | 51 +++++++++++++++++++++++++++++--------------
 2 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
index 413be79..0b9740d 100644
--- a/src/pages/contact.tsx
+++ b/src/pages/contact.tsx
@@ -17,8 +17,8 @@ export default function Contact() {
         />
         <Section title="Des questions?">
           <p>Contactez <a href="mailto:?to=mathilde_leclerc@natural-solutions.eu,ophelie_da-silva@natural-solutions.eu">Natural Solutions</a> :
-            </br> Mathilde Leclerc, ingénieure agronome et cheffe de projet numérique 
-            </br> Ophélie Da Silva, ingénieure spécialisée dans l'analyse et la visualisation de la donnée.
+            <br/> Mathilde Leclerc, ingénieure agronome et cheffe de projet numérique 
+            <br/></Section>> Ophélie Da Silva, ingénieure spécialisée dans l'analyse et la visualisation de la donnée.
           </p>
         </Section>
       </main>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 480d687..93c537a 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -43,7 +43,7 @@ export default function Home({ post }: { post: Post }) {
         >
           <p className="lead">
             Un outil open source développé par Natural Solutions,
-            <br /> pour la gestion et le traitement 
+            <br /> pour la gestion et le traitement
             <br /> des données de biodiversité issues de pièges photographiques.
           </p>
           <ul className="list-unstyled d-flex mb-0">
@@ -75,7 +75,7 @@ export default function Home({ post }: { post: Post }) {
             </li>
             <li>
               <HomeLinkButton
-                href={`${process.env.NEXT_PUBLIC_GITHUB_URL}`+ `/GeoCam`}
+                href={`${process.env.NEXT_PUBLIC_GITHUB_URL}` + `/GeoCam`}
                 className="btn-light"
               >
                 Code source
@@ -84,24 +84,39 @@ export default function Home({ post }: { post: Post }) {
           </ul>
         </Section>
         <Section title="À propos">
-          <p>GeoCam est une <strong>application web open-source</strong> adaptée aux suivis en milieu naturel basés sur les capteurs autonomes, tels que les <strong>pièges photographiques</strong>.
-            Initiée et développée par Natural Solutions, elle permet de caractériser dans son ensemble les différentes facettes des <strong>études de suivis</strong> 
-            et de faciliter le traitement des données associées.</p>
+          <p>
+            GeoCam est une <strong>application web open-source</strong> adaptée
+            aux suivis en milieu naturel basés sur les capteurs autonomes, tels
+            que les <strong>pièges photographiques</strong>. Initiée et
+            développée par Natural Solutions, elle permet de caractériser dans
+            son ensemble les différentes facettes des{" "}
+            <strong>études de suivis</strong>
+            et de faciliter le traitement des données associées.
+          </p>
         </Section>
         <div className="bg-light">
           <div className="container">
             <div className="row">
               <div className="col-md-6">
                 <Section title="Actualités" noContainer>
-                <ul>
-                  <li><a href="https://www.natural-solutions.eu/blog/geocam-gestion-donnees-pieges-photographiques-open-source">GeoCam, un outil open-source sur GitHub</a></li>
-                  <li><a href="https://www.natural-solutions.eu/blog/webinaire-pieges-phorographiques">Webinaire - Gérer vos pièges photos et les données associées</a></li>
-                </ul>
+                  <ul>
+                    <li>
+                      <a href="https://www.natural-solutions.eu/blog/geocam-gestion-donnees-pieges-photographiques-open-source">
+                        GeoCam, un outil open-source sur GitHub
+                      </a>
+                    </li>
+                    <li>
+                      <a href="https://www.natural-solutions.eu/blog/webinaire-pieges-phorographiques">
+                        Webinaire - Gérer vos pièges photos et les données
+                        associées
+                      </a>
+                    </li>
+                  </ul>
                 </Section>
               </div>
               <div className="col-md-6">
                 <Section title="Dernières versions" noContainer>
-                 <p>En cours de développement</p> 
+                  <p>En cours de développement</p>
                 </Section>
               </div>
             </div>
@@ -119,19 +134,23 @@ export default function Home({ post }: { post: Post }) {
               title="Gestion des pièges photographiques"
               icon={require("public/icons/Camera.png")}
             >
-              Inventaire des pièges photographiques, de leurs caractéristiques et de leur déploiement sur le terrain
+              Inventaire des pièges photographiques, de leurs caractéristiques
+              et de leur déploiement sur le terrain
             </Feature>
-            <Feature 
-              title="Gestion des sites de déploiement" 
-              icon={require("public/icons/Map_dark.png")}>
+            <Feature
+              title="Gestion des sites de déploiement"
+              icon={require("public/icons/Map_dark.png")}
+            >
               Inventaire des sites de déploiements de pièges photographiques.
             </Feature>
             <Feature
               title="Annotation manuelle des médias"
               icon={require("public/icons/Edit_photo.png")}
             >
-              Saisie de données taxonomiques issue du traitement manuel 
-            </br>des médias en s'appuyant sur le référentiel <strong>TaxRef</strong>  
+              Saisie de données taxonomiques issue du traitement manuel
+              <br />
+              des médias en s'appuyant sur le référentiel{" "}
+              <strong>TaxRef</strong>
             </Feature>
           </div>
         </Section>