Ajout du loading=lazy
This commit is contained in:
parent
171b1fd7e2
commit
21696a6ee3
@ -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>
|
||||
|
||||
48
index.php
48
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>© 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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user