Ajout d'icônes + quelques corrections

ACTUALITE.html

@@ -47,7 +47,7 @@ Bonne lecture ! -->
 				<p>Mes projets, études, suivis ou intérêts du moment.</p>
 			</header>
 			<div class="container"><sup>Date de mise à jour de la page : 12/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 class="identity">Un peu plus de détails sur mes compétences : <a href="./" class="button small">- PRÉSENTATION -</a></div><br>
 		</div>
 	</section>
 	
@@ -107,7 +107,7 @@ Bonne lecture ! -->
 				<div class="px-6 pt-4 pb-2">
 					<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#site internet</span>
 					<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#étude</span>
-					<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#fall</span>
+					<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#apprentissage</span>
 				</div>
 			</div>
 		</div>

assets/css/main.css

@@ -90,7 +90,7 @@ body {
 
 ol, ul {
 	list-style: none;
-}
+	}
 
 blockquote, q {
 	quotes: none;
@@ -3609,6 +3609,10 @@ input, select, textarea {
 				font-size: 0.8rem;
 			}
 
+				.caption p {
+				font-style: italic;
+				}
+					
 				.gallery.style1 article .caption a {
 					pointer-events: auto;
 				}

index.html

@@ -17,6 +17,7 @@ Bonne lecture ! -->
 	<meta property="og:description" content="Site de présentation d'Adrien CHARBONNEAU - Naturaliste écologue et ornithologue passionné." />
 	<meta property="og:nom_du_site" content="Adrien CHARBONNEAU – Naturaliste écologue"/>
 	
+	<link rel="stylesheet" href="assets/css/tailwind.css">
 	<link rel="stylesheet" href="assets/css/main.css" />
 	<link rel="icon" type="image/png" href="images/AC_favicon.png" />
 	
@@ -89,6 +90,12 @@ Bonne lecture ! -->
 							24 ans<br>
 							69100 - Villeurbanne, Rhône - France<br>
 							Permis B (2015) et A (2018)
+							<div class="px-6 pt-4 pb-2">
+								<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#ornitho 🦅</span>
+								<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#naturaliste 🌲</span>
+								<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#science 🔭</span>
+								<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#biodiversité 🏞</span>
+							</div>
 						</div><br>
 						<p>Cette page est, comme vous l'aurez compris, complémentaire à mon Curriculum Vitae (<i>que vous pourrez retrouver ci-dessous</i>).</p>
 						<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>
@@ -112,9 +119,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3 align="center">Chevêche d'Athéna</h3>
 							<p>Athene noctua</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -124,9 +128,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Bruant des roseaux</h3>
 							<p>Emberiza schoeniclus</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -136,9 +137,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Mésange bleue</h3>
 							<p>Cyanistes caeruleus</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -148,9 +146,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Mésange charbonnière</h3>
 							<p>Parus major</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -160,9 +155,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Pochons</h3>
 							<p>Sac en tissu pour le transport des oiseaux</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -172,9 +164,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Accenteur mouchet</h3>
 							<p>Prunella modularis</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -184,9 +173,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Travée de baguage</h3>
 							<p>Zone ouverte où les filets de capture sont tendus</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 					<article>
@@ -196,9 +182,6 @@ Bonne lecture ! -->
 						<div class="caption">
 							<h3>Pouillot véloce</h3>
 							<p>Phylloscopus collybita</p>
-							<ul class="actions fixed">
-								<li><span class="button small">Agrandir</span></li>
-							</ul>
 						</div>
 					</article>
 				</div>
@@ -206,7 +189,7 @@ Bonne lecture ! -->
 				<!-- publications -->
 				<section id="publications">
 					<div class="container">
-						<h3>Publications</h3>
+						<h3>Publications 📑</h3>
 						<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>
@@ -238,7 +221,7 @@ Bonne lecture ! -->
 				<!-- supports -->
 				<section id="supports">
 					<div class="container">
-						<h3>Supports de stage</h3>
+						<h3>Supports de stage 💼</h3>
 						<p>De nombreuses données et annexes sont disponible durant un stage. Elles sont regroupées par stage :</p>
 						<div class="features">
 							<article>
@@ -262,7 +245,7 @@ Bonne lecture ! -->
 				<!-- competences -->
 				<section id="competences">
 					<div class="container">
-						<h3>Compétences</h3>
+						<h3>Compétences 🔨</h3>
 						<p>Mes compétences sont présentées dans la liste ci-dessous, vous y trouverez les références du matériel et des ressources technologiques (<i>ex : logiciel</i>) que je maîtrise. N’hésitez pas, comme précisé précédemment, à me questionner (<i>ou demander un avis</i>) sur une compétence, méthode ou matériel utilisé, j’y répondrai avec plaisir.<br>
 						<i>Dans les parties concernant le matériel, un astérisque (<b>*</b>) signifie que je possède le matériel cité. Pour les identifications acoustiques, le matériel est cité dans la section “acoustique”.</i></p>
 						<ul class="feature-icons">