Mise à jour de l'actualité

Correction diverses, amélioration des tailles d'éléments

ACTUALITE.html

@@ -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://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://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li> -->
 												</ul>
 											</div>
 										</article>

assets/css/main.css

@@ -44,6 +44,12 @@ section, summary, time, mark, audio, video {
 	color: #fff;
 }
 
+.crop {
+	height: 1000px;
+	object-fit: cover;
+	object-position: 60%;
+}
+	
 p.details {
 	color:#484848;
 	font-weight: 400;
@@ -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;
+			margin: 0 0 2em 0;
-			padding: 0.35em 0 0 3.5em;
 			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;
 					}
 

index.html

@@ -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>