update content + add custom files in patch #7

patches/frontend/src/custom/about/about.html

@@ -0,0 +1,11 @@
+<h1>BiomMap</h1>
+<p>BiomMap est un projet collaboratif qui a pour objectif de rassembler un maximum de connaissances à propos du maillage écologique d’un territoire. L’ensemble des informations collectées permettra notamment de mettre en avant des enjeux de protection et de valorisation de la biodiversité locale afin de permettre une meilleure intégration de ce sujet dans les politiques communales d'aménagements du territoire.</p>
+<p>Il s’agit d’un prototype porté par la Commune de Wasseiges et le GAL Meuse@Campagnes et soutenu financièrement par La Wallonie, Digital Wallonia et l’Union Européenne via des fonds FEADER (mesure LEADER).</p>
+<p>Pour en savoir plus, consultez <a target='_blank' href='https://www.biommap.be/'>www.biommap.be</a>.</p>
+<h2>Le maillage écologique c’est quoi ?</h2>
+<p>Le maillage écologique constitue l’infrastructure écologique fine d’un territoire local. Les éléments du maillage sont les petits éléments du paysage, linéaires ou ponctuels, les biotopes de faible surface ou à structure linéaire. Il s’agit, par exemple, des arbres isolés, haies, bandes boisées, bosquets, cours d’eau, mares, talus, bords de routes, bords de terres cultivées, etc.
+Ces éléments du maillage constituent les couloirs de liaison entre les zones de grand intérêt biologique (sanctuaires, zones centrales, zones de développement). C’est leur densité, leur qualité et leur continuité qui déterminent leur intérêt pour jouer efficacement un rôle dans les liaisons écologiques.
+La reconnaissance du maillage écologique est importante car il s’agit de la présence de la nature dans l’ensemble de l’espace ; c’est la « nature ordinaire ».</p>
+<p>(D’après : E. Melin 1997 – La problématique du réseau écologique – Bases théoriques et perspectives d’une stratégie écologique d’occupation et de gestion de l’espace)</p>
+<h2>Comment utiliser BiomMap ?</h2>
+<p>La création d'un compte n'est pas obligatoire pour pouvoir partager ses observations mais celle-ci est vivement recommandée. En effet, il est important pour nous de pouvoir associer une donnée à un observateur et de pouvoir le contacter si besoin pour vérifier, analyser et ainsi valoriser sa donnée.</p>

patches/frontend/src/custom/custom.css

@@ -0,0 +1,22 @@
+/*************************************
+ *      Global css style overlay     *
+ * Uncomment and adapt or add styles *
+ *************************************/
+
+
+/* COLORS */
+
+:root {
+    --default-font-color: #5d6970;
+    --primary: #00a99d;
+    --dark-primary: #0a998f;
+    --secondary: #60b15c;
+    --secondary-gradient: #57a154;
+    --ternary: #45765c;
+    --list-toggler-width: 21px;
+    --list-obs-offset: 170px;
+    --router-outlet-offset: 113px;
+    --modal-header-bg-moz: moz-linear-gradient(top, var(--secondary) 0%, var(--secondary) 50%, var(--secondary-gradient) 51%, var(--secondary-gradient) 100%);
+    --modal-header-bg-webkit: moz-linear-gradient(top, var(--secondary) 0%, var(--secondary) 50%, var(--secondary-gradient) 51%, var(--secondary-gradient) 100%);
+    --modal-header-bg-linear: linear-gradient(to bottom, var(--secondary) 0%, var(--secondary) 50%, var(--secondary-gradient) 51%, var(--secondary-gradient) 100%);
+}

patches/frontend/src/custom/footer/footer.css

@@ -0,0 +1,34 @@
+footer{
+  margin-top: 20px;
+  padding: 20px 0px;
+  text-align: center;
+  background: rgb(226, 226, 226);
+}
+
+footer p, footer div{
+  margin: 0 auto;
+  max-width: 80%;
+}
+
+footer div{
+  margin-bottom: 20px;
+}
+
+footer div a {
+  text-decoration: none;
+  color: var(--secondary) !important;
+}
+
+footer div a:hover {
+  border-bottom: solid 1px black;
+}
+
+footer div.logo {
+    display: flex;
+    justify-content: space-evenly;
+}
+
+footer div.logo img {
+    height: 90px;
+    margin: 3px;
+}

patches/frontend/src/custom/footer/footer.html

@@ -0,0 +1,15 @@
+<footer>
+  <div>
+    <a [routerLink]="[ '/home']">Accueil</a> | <a href="https://github.com/PnX-SI/GeoNature-citizen">GeoNature-citizen</a> | <a [routerLink]="[ '/about']" >A propos</a>
+  </div>
+
+  <div class='logo'>
+      <a target='_blank' href='https://www.wallonie.be'><img alt='logo' src='assets/logo_wallonie.png'></a>
+      <a target='_blank' href='https://www.digitalwallonia.be'><img alt='logo' src='assets/logo_dw.png'></a>
+      <a target='_blank' href='https://enrd.ec.europa.eu/leader-clld_fr'><img alt='logo' src='assets/logo_leader.png'></a>
+      <a target='_blank' href='https://www.wasseiges.be'><img alt='logo' src='assets/logo-commune-wasseiges.jpg'></a>
+      <a target='_blank' href='https://www.meusecampagnes.be'><img alt='logo' src='assets/logo_gal.png'></a>
+  </div>
+
+</footer>
+