Adrien/Site-internet
Adrien/Site-internet
1
1
Fork 0
Code Issues2 Pull Requests Releases5 Activity

Compare commits

...

2 Commits
65f001a5d7 ... 0a13df2f63

Author SHA1 Message Date
Adrien
0a13df2f63 Mise à jour de l'actualité 2021-12-07 17:28:16 +01:00
Adrien
59be2c030f Adaptation du contenu 
Correction diverses, amélioration des tailles d'éléments
 2021-12-07 17:16:22 +01:00
3 changed files with 32 additions and 29 deletions

23
ACTUALITE.html
View File

@ -48,22 +48,10 @@ Bonne lecture ! -->
<h2 id="logo">Actualité</h2>
<p>Mes projets, études, suivis ou intérêts du moment.</p>
</header>
<div class="container"><sup>Date de mise à jour de la page : 07/12/2021</sup></div>
<div class="identity">Un peu plus de détails sur mes compétences : <a href="index.html" class="button small">- PRÉSENTATION -</a></div><br>
</div>
</section>
<section>
<div class="container">
<sup>Date de mise à jour de la page : 31/08/2021</sup>
</div>
</section>
<section>
<div class="container">
<blockquote>Un peu plus de détails sur mes compétences : <a href="index.html" class="button small">- PRÉSENTATION -</a></blockquote>
</div>
</section>
<section>
<div class="container">
@ -83,11 +71,12 @@ Bonne lecture ! -->
<div class="inner">
<h4>NATURALISME</h4>
<ul class="alt">
<li>Identification des Cigales de France (<i>Cicadinae</i>, <i>Cicadettinae</i>, <i>Tibicininae</i>)</li>
<li>Suivi de la migration nocturne (dépôt d'un enregistreur / analyse)</li>
<li><a href="https://www.vigienature.fr/fr/suivi-hivernal-des-oiseaux-communs-shoc">SHOC (hiver 2021)</a></li>
<li><a href="https://www.faune-france.org/index.php?m_id=1164&a=2088#FN2088">EPOC - ODF (hiver 2021)</a></li>
<li>Baguage ornithologique (en particulier programmes <a href="https://crbpo.mnhn.fr/IMG/pdf/protocole_pheno_v1_7.pdf">PHENO</a> et <a href="https://crbpo.mnhn.fr/IMG/pdf/protocole_sejour_v1_7.pdf">SEJOUR</a> du <a href="https://crbpo.mnhn.fr/">CRBPO</a>)</li>
<li><a href="https://www.vigienature.fr/fr/observatoires/suivi-temporel-oiseaux-communs-stoc/detail-protocole-3362">STOC EPS (printemps 2021)</a></li>
<li><a href="https://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li>
<!-- <li><a href="https://www.vigienature.fr/fr/observatoires/suivi-temporel-oiseaux-communs-stoc/detail-protocole-3362">STOC EPS (printemps 2021)</a></li> -->
<!-- <li><a href="https://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li> -->
</ul>
</div>
</article>

30
assets/css/main.css
View File

@ -43,6 +43,12 @@ section, summary, time, mark, audio, video {
.blanc {
color: #fff;
}
.crop {
height: 1000px;
object-fit: cover;
object-position: 60%;
}
p.details {
color:#484848;
@ -1760,7 +1766,7 @@ input, select, textarea {
.container {
margin: 0 auto;
max-width: calc(100% - 4.5em);
width: 45em;
width: 50em;
}
.container.xsmall {
@ -1812,7 +1818,7 @@ input, select, textarea {
header p {
color: #aaa;
position: relative;
margin: 0 0 1.6875em 0;
margin: 0 0 2em 0;
}
header h2 + p {
@ -2275,10 +2281,11 @@ input, select, textarea {
list-style: disc;
margin: 0 0 2.25em 0;
padding-left: 1em;
}
ul li {
padding-left: 0.5em;
padding-left: 0em;
}
ul.alt {
@ -2433,17 +2440,24 @@ input, select, textarea {
ul.feature-icons li.menu {
text-decoration: none;
display: inline-block;
margin: 0 0 1.6875em 0;
margin: 0 0 2em 0;
padding: 0.35em 0 0 3.5em;
position: relative;
vertical-align: top;
width: 48%;
}
ul.feature-icons li.icon {
text-decoration: none;
margin: 0 0 2em 0;
padding: 0.35em 0 0 3.5em;
position: relative;
vertical-align: top;
}
ul.feature-icons li {
text-decoration: none;
margin: 0 0 1.6875em 0;
padding: 0.35em 0 0 3.5em;
margin: 0 0 2em 0;
position: relative;
vertical-align: top;
}
@ -2910,7 +2924,7 @@ input, select, textarea {
}
#main > section > .container {
padding: 6em 0 4em 0;
padding: 2em 0 2em 0;
}
#main > section:first-child {
@ -3280,7 +3294,7 @@ input, select, textarea {
}
#header > header .avatar {
margin: 0 auto 1.6875em auto;
margin: 0 auto 2em auto;
width: 6em;
}

8
index.html
View File

@ -95,7 +95,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>En quête du Cincle plongeur (<i>Cinclus cinclus</i>) dans les rivières Corses – © Adrien CHARBONNEAU</legend></span>
<span class="image fit"><img src="images/CORSICA.jpg" alt=""><legend>En quête du Cincle plongeur (<i>Cinclus cinclus</i>) dans les rivières Corses</legend></span>
<div class="identity">Que fais-je en ce moment ? Pour le savoir rendez-vous ici : <a href="ACTUALITE.html" 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>
@ -344,7 +344,7 @@ Bonne lecture ! -->
<article>
<h5 id="acoustique">Compétences acoustiques et audionaturalistes</h5>
<a class="image comp"><img src="images/AUDIOMOTH.jpg" alt="" /><legend>AudioMoth durant le stage de M2</legend></a>
<a class="image comp"><img src="images/AUDIOMOTH.jpg" alt="Enregistreur AudioMoth" class="crop" /><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">
@ -370,11 +370,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 – © Adrien CHARBONNEAU</legend></span>
<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>
</p>
<article>
<h5 id="interets">Les autres compétences et intérêts</h5>
<a class="image comp"><img src="images/LAUZANIER.jpg" alt="" /><legend>Lac du Lauzanier - Mercantour (04)</legend></a>
<a class="image comp"><img src="images/LAUZANIER.jpg" alt="Lac du Lauzanier" class="crop"/><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>