From 21696a6ee323474d6d256472013ebf3e52cb5bfa Mon Sep 17 00:00:00 2001
From: Adrien <adrien.charbonneau@free.fr>
Date: Sat, 22 Oct 2022 12:00:59 +0200
Subject: [PATCH] Ajout du loading=lazy

---
 ACTUALITE/index.php |  8 ++++----
 index.php           | 48 ++++++++++++++++++++++-----------------------
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/ACTUALITE/index.php b/ACTUALITE/index.php
index 6e9a4d2..7f67e68 100644
--- a/ACTUALITE/index.php
+++ b/ACTUALITE/index.php
@@ -88,7 +88,7 @@ Bonne lecture ! -->
 		<div class="p-10 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-5">
 			<!-- Première carte -->
 			<div class="rounded overflow-hidden shadow-lg">
-				<img class="w-full" src="../images/SYNERGIS-BLANC.jpg" alt="">
+				<img class="w-full" src="../images/SYNERGIS-BLANC.jpg" alt="" loading="lazy"/>
 				<div class="px-6 py-4">
 					<div class="font-bold text-xl mb-2">PROFESSIONNEL</div>
 					<p class="text-gray-700 text-base">
@@ -105,7 +105,7 @@ Bonne lecture ! -->
 			</div>
 			<!-- Seconde carte-->
 			<div class="rounded overflow-hidden shadow-lg">
-				<img class="w-full" src="../images/BAGUAGE.jpg" alt="">
+				<img class="w-full" src="../images/BAGUAGE.jpg" alt="" loading="lazy"/>
 				<div class="px-6 py-4">
 					<div class="font-bold text-xl mb-2">NATURALISME</div>
 					<p class="text-gray-700 text-base">
@@ -128,7 +128,7 @@ Bonne lecture ! -->
 			
 			<!-- Troisième carte -->
 			<div class="rounded overflow-hidden shadow-lg">
-				<img class="w-full" src="../images/NBM.jpg" alt="">
+				<img class="w-full" src="../images/NBM.jpg" alt="" loading="lazy"/>
 				<div class="px-6 py-4">
 					<div class="font-bold text-xl mb-2">PROJETS</div>
 					<p class="text-gray-700 text-base">
@@ -157,7 +157,7 @@ Bonne lecture ! -->
 				<li><a href="../ACTUALITE/">Actualité</a></li>
 			</ul>
 			<ul class="copyright">
-				<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="../images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"><?php echo Version::get(); ?></span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
+				<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="../images/GIT.svg" width="25px" height="25px"/><b>Version : </b><span class="git git_color1 blanc"><?php echo Version::get(); ?></span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
 			</ul>
 		</div>
 	</section>
diff --git a/index.php b/index.php
index 97b39e5..eaedbd7 100644
--- a/index.php
+++ b/index.php
@@ -63,7 +63,7 @@ Bonne lecture ! -->
 	<!-- En-tête -->
 	<section id="header">
 		<header>
-			<span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
+			<span class="image avatar"><img src="images/avatar.jpg" alt=""/></span>
 			<h1 id="logo"><a href="#">Adrien CHARBONNEAU</a></h1>
 			<p>Naturaliste écologue <br>
 			et ornithologue passionné</p>
@@ -99,7 +99,7 @@ Bonne lecture ! -->
 				<!-- presentation -->
 				<section id="presentation">
 					<div class="image main" data-position="center">
-						<img src="images/banner.jpg" alt="" />
+						<img src="images/banner.jpg" alt=""/>
 					</div>
 					<div class="container">
 						<header class="major">
@@ -122,7 +122,7 @@ Bonne lecture ! -->
 						<p align="center"><a href="https://git.adriencharbonneau.fr/Adrien/CV/raw/branch/master/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="button">– CURRICULUM VITAE –</a></p>
 						<p>Elle vous présente divers liens et informations utiles à ma présentation. Vous retrouverez notamment la liste de mes <u><b>compétences professionnelles</b></u>.<br>
 							<br>
-							<span class="image fit"><img src="images/CORSICA.jpg" alt=""><legend>Comptage d'un rassemblement d'Œdicnèmes criards (<i>Burhinus oedicnemus</i>) en Corse</legend></span>
+							<span class="image fit"><img src="images/CORSICA.jpg" alt=""loading="lazy"/><legend>Comptage d'un rassemblement d'Œdicnèmes criards (<i>Burhinus oedicnemus</i>) en Corse</legend></span>
 							<div class="identity">Que fais-je en ce moment ? Pour le savoir rendez-vous ici : <a href="./ACTUALITE/" class="button small">- ACTUALITÉ -</a></div><br>
 							N’hésitez pas à me contacter, que ce soit pour une question, une compétence ou une demande de précision sur une expérience professionnelle, en utilisant mon adresse courriel ci-dessous :<br>
 							<ul>
@@ -135,7 +135,7 @@ Bonne lecture ! -->
 				<div class="gallery lightbox style1 small">
 					<article>
 						<a href="images/galerie/fulls/ATHNOC2.jpg" class="image">
-							<img src="images/galerie/thumbs/ATHNOC2.jpg" alt="" />
+							<img src="images/galerie/thumbs/ATHNOC2.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3 align="center">Chevêche d'Athéna</h3>
@@ -144,7 +144,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/EMBSCH.jpg" class="image">
-							<img src="images/galerie/thumbs/EMBSCH.jpg" alt="" />
+							<img src="images/galerie/thumbs/EMBSCH.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Bruant des roseaux</h3>
@@ -153,7 +153,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/PARCAE.jpg" class="image">
-							<img src="images/galerie/thumbs/PARCAE.jpg" alt="" />
+							<img src="images/galerie/thumbs/PARCAE.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Mésange bleue</h3>
@@ -162,7 +162,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/PARMAJ.jpg" class="image">
-							<img src="images/galerie/thumbs/PARMAJ.jpg" alt="" />
+							<img src="images/galerie/thumbs/PARMAJ.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Mésange charbonnière</h3>
@@ -171,7 +171,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/POCHONS.jpg" class="image">
-							<img src="images/galerie/thumbs/POCHONS.jpg" alt="" />
+							<img src="images/galerie/thumbs/POCHONS.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Pochons</h3>
@@ -180,7 +180,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/PRUMOD.jpg" class="image">
-							<img src="images/galerie/thumbs/PRUMOD.jpg" alt="" />
+							<img src="images/galerie/thumbs/PRUMOD.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Accenteur mouchet</h3>
@@ -189,7 +189,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/TRAVEE.jpg" class="image">
-							<img src="images/galerie/thumbs/TRAVEE.jpg" alt="" />
+							<img src="images/galerie/thumbs/TRAVEE.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Travée de baguage</h3>
@@ -198,7 +198,7 @@ Bonne lecture ! -->
 					</article>
 					<article>
 						<a href="images/galerie/fulls/PHYCOL.jpg" class="image">
-							<img src="images/galerie/thumbs/PHYCOL.jpg" alt="" />
+							<img src="images/galerie/thumbs/PHYCOL.jpg" alt="" loading="lazy"/>
 						</a>
 						<div class="caption">
 							<h3>Pouillot véloce</h3>
@@ -214,21 +214,21 @@ Bonne lecture ! -->
 						<p>Mes différentes publications et écrits scientifiques majeurs qui ont jalonnés mon Master en Biodiversité, Écologie et Évolution.</p>
 						<div class="features">
 							<article>
-								<a href="" class="image"><img src="images/GECKO.jpg" alt="" /></a>
+								<a href="" class="image"><img src="images/GECKO.jpg" alt="" loading="lazy"/></a>
 								<div class="inner">
 									<h4>Compétition entre deux espèces de Geckos sur l’île de Porquerolles (<i>2019-2020</i>)</h4>
 									<p>(<i><b>Bientôt disponible</b></i>) - La Tarente de Maurétanie (<i>Tarentola mauritanica</i>) est, sur l'île de Porquerolles (83), une espèce importée par l'homme. Le Gecko indigène de l'île et occupant la même niche écologique que cette dernière est l'Hémidactyle verruqueux (<i>Hemidactylus turcicus</i>). Il est supposé qu'une compétition réside entre les deux espèces.</p>
 								</div>
 							</article>
 							<article>
-								<a href="docs/PGM.pdf" class="image"><img src="images/PGM.jpg" alt="" /></a>
+								<a href="docs/PGM.pdf" class="image"><img src="images/PGM.jpg" alt="" loading="lazy"/></a>
 								<div class="inner">
 									<h4>Caractérisation du territoire de reproduction de la Pie-grièche méridionale (<i>2019</i>)</h4>
 									<p>La superficie du territoire de reproduction de la Pie-grièche méridionale (<i>Lanius meridionalis</i>) étant très peu connu, cette étude souhaite apporter des précisions quant à cela.</p>
 								</div>
 							</article>
 							<article>
-								<a href="docs/ORTHOPTERES.pdf" class="image"><img src="images/ORTHO.jpg" alt="" /></a>
+								<a href="docs/ORTHOPTERES.pdf" class="image"><img src="images/ORTHO.jpg" alt="" loading="lazy"/></a>
 								<div class="inner">
 									<h4>Étude du lien entre communautés d’Orthoptères et hauteur de végétation par différentes méthodes d’échantillonnage dans la vallée de l’Ubaye (<i>2018-2019</i>)</h4>
 									<p>Sujet de l'école de terrain 2018. Dans le Parc National du Mercantour, la hauteur de végétation a-t-elle une importance dans la répartition des communautés d'Orthoptères ?</p>
@@ -246,14 +246,14 @@ Bonne lecture ! -->
 						<p>De nombreuses données et annexes sont disponible durant un stage. Elles sont regroupées par stage :</p>
 						<div class="features">
 							<article>
-								<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/ALAN/" class="image"><img src="images/ALAN.jpg" alt="" /></a>
+								<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/ALAN/" class="image"><img src="images/ALAN.jpg" alt="" loading="lazy"/></a>
 								<div class="inner">
 									<h4>Support de stage de Master 2 : <b>Impact de la lumière artificielle et de la structure du paysage sur la biodiversité en période nocturne</b> (<i>2020</i>)</h4>
 									<p>Il est admis que la lumière artificielle a des effets néfastes sur la biodiversité. Qu'en est-il en addition à la structure paysagère et au sein du Parc Naturel Régional des Baronnies provençales ?</p>
 								</div>
 							</article>
 							<article>
-								<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/PGM/" class="image"><img src="images/PGM.jpg" alt="" /></a>
+								<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/PGM/" class="image"><img src="images/PGM.jpg" alt="" loading="lazy"/></a>
 								<div class="inner">
 									<h4>Support de stage de Master 1 : <b>Caractérisation du territoire de reproduction de la Pie-grièche méridionale</b> (<i>2019</i>)</h4>
 									<p>Dans un but de mesures de gestion de la garrigue et de précision du protocole d'échantillonnage du Plan National d'Actions sur les Pie-grièches (ici la Pie-grièche méridionale), la surface du territoire de reproduction de l'espèce est une information clé.</p>
@@ -281,7 +281,7 @@ Bonne lecture ! -->
 						<div class="features">
 							<article>
 								<h5 id="naturalistes">Compétences naturalistes</h5>
-								<a class="image comp"><img src="images/ADRIEN_CHARBONNEAU.png" alt="" /><legend>Suivi ornithologique et entomologique (odonates) dans la Tarentaise (73)</legend></a>
+								<a class="image comp"><img src="images/ADRIEN_CHARBONNEAU.png" alt="" loading="lazy"/><legend>Suivi ornithologique et entomologique (odonates) dans la Tarentaise (73)</legend></a>
 								<div class="inner comp">
 									<ul class="feature-icons">
 										<li class="icon solid fa-feather-alt">Ornithologie<p class="details">Identification visuelle, en main (<i>formation de baguage</i>) et acoustique.</p></li>
@@ -294,7 +294,7 @@ Bonne lecture ! -->
 							</article>
 							<article>
 								<h5 id="science">Compétences en méthodologie et en démarche scientifique</h5>
-								<a class="image comp"><img src="images/RADIOPISTAGE.png" alt="" /><legend>Radiopistage de Pie-grièche méridionale (Lanius meridionalis) dans les Garrigues de Lançon (13)</legend></a>
+								<a class="image comp"><img src="images/RADIOPISTAGE.png" alt="" loading="lazy"/><legend>Radiopistage de Pie-grièche méridionale (Lanius meridionalis) dans les Garrigues de Lançon (13)</legend></a>
 								<div class="inner comp">
 									<ul class="feature-icons">
 										<li class="icon solid fa-book">Bases théoriques de l'écologie<p class="details">
@@ -317,7 +317,7 @@ Bonne lecture ! -->
 						
 						<article>
 							<h5 id="statistiques">Compétences en analyses statistiques et en modélisation</h5>
-							<a class="image comp"><img src="images/ABON-HV.png" alt="" /><legend>Représentation de l’abondance en orthoptères dans le massif du Mercantour (04) en fonction de la hauteur de végétation</legend></a>
+							<a class="image comp"><img src="images/ABON-HV.png" alt="" loading="lazy"/><legend>Représentation de l’abondance en orthoptères dans le massif du Mercantour (04) en fonction de la hauteur de végétation</legend></a>
 							<div class="inner comp">
 								<ul class="feature-icons">
 									<li class="icon solid fa-chart-line">Modèles Linéaires<p class="details">Simples et mixtes</p></li>
@@ -330,7 +330,7 @@ Bonne lecture ! -->
 						
 						<article>
 							<h5 id="cartographie">Compétences en analyses spatiales et en cartographie</h5>
-							<a class="image comp"><img src="images/CARTE.png" alt="" /><legend>Tirage aléatoire de positions sur le territoire de la France métropolitaine</legend></a>
+							<a class="image comp"><img src="images/CARTE.png" alt="" loading="lazy"/><legend>Tirage aléatoire de positions sur le territoire de la France métropolitaine</legend></a>
 							<div class="inner comp">
 								<ul class="feature-icons">
 									<li class="icon solid fa-layer-group">QGIS<p class="details">SAGA, GRASS, Modéleur graphique</p></li>
@@ -347,7 +347,7 @@ Bonne lecture ! -->
 						
 						<article>
 							<h5 id="acoustique">Compétences acoustiques et audionaturalistes</h5>
-							<a class="image comp"><img src="images/AUDIOMOTH.jpg" alt="Enregistreur AudioMoth" class="crop" /><legend>AudioMoth durant le stage de M2</legend></a>
+							<a class="image comp"><img src="images/AUDIOMOTH.jpg" alt="Enregistreur AudioMoth" class="crop" loading="lazy"/><legend>AudioMoth durant le stage de M2</legend></a>
 							<div class="inner comp">
 								<ul class="feature-icons">
 									<li class="icon solid fa-microphone-alt">Prise de son<p class="details"><ul class="sublist">
@@ -373,11 +373,11 @@ Bonne lecture ! -->
 							</div>
 						</article>
 						<p>
-							<span class="image fit"><img src="images/CLAGLA.jpg" alt="" /><legend>Sonogramme partiel d’un Coucou geai (<i>Clamator glandarius</i>) en migration nocturne</legend></span>
+							<span class="image fit"><img src="images/CLAGLA.jpg" alt="" loading="lazy"/><legend>Sonogramme partiel d’un Coucou geai (<i>Clamator glandarius</i>) en migration nocturne</legend></span>
 						</p>
 						<article>
 							<h5 id="interets">Les autres compétences et intérêts</h5>
-							<a class="image comp"><img src="images/LAUZANIER.jpg" alt="Lac du Lauzanier" class="crop"/><legend>Lac du Lauzanier - Mercantour (04)</legend></a>
+							<a class="image comp"><img src="images/LAUZANIER.jpg" alt="Lac du Lauzanier" class="crop" loading="lazy"/><legend>Lac du Lauzanier - Mercantour (04)</legend></a>
 							<div class="inner comp">
 								<ul class="feature-icons">
 									<li class="icon solid fa-cloud-sun-rain">Astronomie/Météorologie</li>
@@ -441,7 +441,7 @@ Bonne lecture ! -->
 					<li>&copy; Adrien CHARBONNEAU - 2022. Tous droits réservés.</li> <li><a href="./">Présentation</a></li> <li><a href="./ACTUALITE/">Actualité</a></li>
 				</ul>
 				<ul class="copyright">
-					<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"><?php echo Version::get(); ?></span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
+					<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"/><b>Version : </b><span class="git git_color1 blanc"><?php echo Version::get(); ?></span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
 				</ul>
 			</div>
 		</section>