Compare commits

...

2 Commits

Author SHA1 Message Date
ba722498ef Ajout des textes alternatifs sur les images 2022-10-24 16:49:39 +02:00
857d14c063 Obscurcir l'adresse email 2022-10-24 16:34:50 +02:00

View File

@ -3,7 +3,6 @@
Bonne lecture ! -->
<html>
<head>
</script>
<title>Adrien CHARBONNEAU Naturaliste écologue</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@ -38,7 +37,6 @@ Bonne lecture ! -->
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body class="is-preload">
@ -63,7 +61,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="Portrait d'Adrien CHARBONNEAU"/></span>
<h1 id="logo"><a href="#">Adrien CHARBONNEAU</a></h1>
<p>Naturaliste écologue <br>
et ornithologue passionné</p>
@ -83,7 +81,7 @@ Bonne lecture ! -->
<li><a href="https://www.twitter.com/CharbonneauAdri/" target="_blank" class="icon brands fa-twitter-square" title"Twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.researchgate.net/profile/Adrien-Charbonneau" target="_blank" class="icon brands fa-researchgate" title="ResearchGate"><span class="label">ResearchGate</span></a></li>
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" target="_blank" class="icon brands fa-git-square" title="Dépôt git"><span class="label">Dépôt Git</span></a></li>
<li><a href="mailto:adrien.charbonneau@free.fr" class="icon solid fa-envelope" title="Adresse courriel"><span class="label">Email</span></a></li>
<li id="adresse.logo"></li>
<li><a href="https://git.adriencharbonneau.fr/Adrien/CV/raw/branch/master/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="icon solid fa-address-card" title="Curriculum Vitae"><span class="label">Curriculum Vitae</span></a></li>
<li><a class="icon solid fa-wrench" title="Documentation"><span class="label">Documentation du site internet</span></a></li>
</ul>
@ -99,7 +97,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="Bannière du site internet"/>
</div>
<div class="container">
<header class="major">
@ -122,11 +120,11 @@ 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=""loading="lazy"/><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="Comptage d'un rassemblement d'Œdicnèmes criards (Burhinus oedicnemus) en Corse" 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>
Nhé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>
<li><a href="mailto:adrien.charbonneau@free.fr">adrien.charbonneau@free.fr</a></li>
<li><div id="adresse"></div></li>
</ul></p>
</div>
</section>
@ -135,7 +133,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="" loading="lazy"/>
<img src="images/galerie/thumbs/ATHNOC2.jpg" alt="Chevêche d'Athéna au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3 align="center">Chevêche d'Athéna</h3>
@ -144,7 +142,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/EMBSCH.jpg" class="image">
<img src="images/galerie/thumbs/EMBSCH.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/EMBSCH.jpg" alt="Bruant des roseaux au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3>Bruant des roseaux</h3>
@ -153,7 +151,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/PARCAE.jpg" class="image">
<img src="images/galerie/thumbs/PARCAE.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/PARCAE.jpg" alt="Mésange bleue au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3>Mésange bleue</h3>
@ -162,7 +160,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/PARMAJ.jpg" class="image">
<img src="images/galerie/thumbs/PARMAJ.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/PARMAJ.jpg" alt="Mésange charbonnière au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3>Mésange charbonnière</h3>
@ -171,7 +169,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/POCHONS.jpg" class="image">
<img src="images/galerie/thumbs/POCHONS.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/POCHONS.jpg" alt="Sac en tissu pour le transport des oiseaux" loading="lazy"/>
</a>
<div class="caption">
<h3>Pochons</h3>
@ -180,7 +178,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/PRUMOD.jpg" class="image">
<img src="images/galerie/thumbs/PRUMOD.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/PRUMOD.jpg" alt="Accenteur mouchet au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3>Accenteur mouchet</h3>
@ -189,7 +187,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/TRAVEE.jpg" class="image">
<img src="images/galerie/thumbs/TRAVEE.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/TRAVEE.jpg" alt="Zone ouverte où les filets de capture sont tendus<" loading="lazy"/>
</a>
<div class="caption">
<h3>Travée de baguage</h3>
@ -198,7 +196,7 @@ Bonne lecture ! -->
</article>
<article>
<a href="images/galerie/fulls/PHYCOL.jpg" class="image">
<img src="images/galerie/thumbs/PHYCOL.jpg" alt="" loading="lazy"/>
<img src="images/galerie/thumbs/PHYCOL.jpg" alt="Pouillot véloce au baguage" loading="lazy"/>
</a>
<div class="caption">
<h3>Pouillot véloce</h3>
@ -214,21 +212,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="" loading="lazy"/></a>
<a href="" class="image"><img src="images/GECKO.jpg" alt="Tarente de Maurétanie" 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="" loading="lazy"/></a>
<a href="docs/PGM.pdf" class="image"><img src="images/PGM.jpg" alt="Pie-grièche méridionale au baguage" 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="" loading="lazy"/></a>
<a href="docs/ORTHOPTERES.pdf" class="image"><img src="images/ORTHO.jpg" alt="Deux criquets lors d'une capture" loading="lazy"/></a>
<div class="inner">
<h4>Étude du lien entre communautés dOrthoptères et hauteur de végétation par différentes méthodes déchantillonnage dans la vallée de lUbaye (<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 +244,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="" loading="lazy"/></a>
<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/ALAN/" class="image"><img src="images/ALAN.jpg" alt="Illustration de la pollution lumineuse" 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="" loading="lazy"/></a>
<a href="http://adrien.charbonneau.free.fr/PRO/STAGE/PGM/" class="image"><img src="images/PGM.jpg" alt="Pie-grièche méridionale au baguage" 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 +279,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="" loading="lazy"/><legend>Suivi ornithologique et entomologique (odonates) dans la Tarentaise (73)</legend></a>
<a class="image comp"><img src="images/ADRIEN_CHARBONNEAU.png" alt="Portrait de Adrien CHARBONNEAU" 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 +292,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="" loading="lazy"/><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="Action de radiopistage de Pie-grièche méridionale" 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 +315,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="" loading="lazy"/><legend>Représentation de labondance 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="Graphique de l'abondance en orthoptère en fonction de la hauteur de végétation" loading="lazy"/><legend>Représentation de labondance 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 +328,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="" loading="lazy"/><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="Carte de la France" 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>
@ -373,7 +371,7 @@ Bonne lecture ! -->
</div>
</article>
<p>
<span class="image fit"><img src="images/CLAGLA.jpg" alt="" loading="lazy"/><legend>Sonogramme partiel dun Coucou geai (<i>Clamator glandarius</i>) en migration nocturne</legend></span>
<span class="image fit"><img src="images/CLAGLA.jpg" alt="Sonogramme partiel dun Coucou geai en migration nocturne" loading="lazy"/><legend>Sonogramme partiel dun 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>
@ -413,7 +411,7 @@ Bonne lecture ! -->
<div class="container">
<h3>Contact</h3>
<p>Nhésitez surtout pas à me contacter par le biais de ce formulaire ou de l'adresse courriel fournie en haut de page. Jy répondrai avec plaisir.</p>
<form method="post" action="mailto:adrien.charbonneau@free.fr">
<form method="post" action="mailto:email@domain.fr">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="prenom" id="prenom" placeholder="Prénom" /></div>
<div class="col-6 col-12-xsmall"><input type="text" name="nom" id="nom" placeholder="Nom de famille" /></div>
@ -447,7 +445,16 @@ Bonne lecture ! -->
</section>
</div>
<!-- Obscurcir l'adresse email -->
<script>
var utilisateur = "adrien.charbonneau";
var serveur = "free.fr";
var adresse = utilisateur + "@" + serveur ;
document.getElementById("adresse").innerHTML = "<a href='" + "mail" + "to:" + utilisateur + "@" + serveur + "'>" + adresse + "</a>";
document.getElementById("adresse.logo").innerHTML = "<a href='" + "mail" + "to:" + utilisateur + "@" + serveur + "' class=\"icon solid fa-envelope\" title=\"Adresse courriel\"><span class=\"label\">Email</span></a>";
</script>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>