Update home page with schema and add css

Author: baptiste.bernard

assets/css/custom.scss

@@ -291,4 +291,54 @@ div.quoteAttribution {
   line-height: 1.3;
   text-align: center;
   width: 0;
-}
+}
+
+
+//index
+
+h1 {
+  text-align: center;
+  font-size: 2rem;
+  margin-top: 2rem;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  text-align: center;
+  font-size: 1.2rem;
+  margin-bottom: 2rem;
+}
+
+.collaborative-project {
+  text-align: center;
+  background-color: #F0F0F0;
+  padding: 2rem;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  margin-top: 2rem;
+}
+
+.collaborative-project p {
+  font-size: 1.2rem;
+}
+
+.collaborative-project ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+.collaborative-project ul li {
+  margin-bottom: 0.5rem;
+}
+
+.image-section {
+  text-align: center;
+  margin-top: 2rem;
+}
+
+.image-section img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}

index.html

@@ -6,18 +6,18 @@
 permalink: /
 ---
 
-<h1 style="text-align: center; font-size: 2rem; margin-top: 2rem; margin-bottom: 0.5rem;">Bienvenue sur le projet GAIA</h1>
-<p style="text-align: center; font-size: 1.2rem; margin-bottom: 2rem;">(Generative Artificial Intelligence for Agriculture)</p>
+<h1>Bienvenue sur le projet GAIA</h1>
+<p>(Generative Artificial Intelligence for Agriculture)</p>
 
-<section class="container-lg p-responsive py-5 py-md-6 my-lg-6" style="text-align: center; background-color: #F0F0F0; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
-  <p style="font-size: 1.2rem;">GAIA est un projet collaboratif ouvert entre <a href="https://www.lafermedigitale.fr/" target="_blank" style="color: #007bff; text-decoration: none;">LFD</a> et <a href="https://www.osfarm.org/" target="_blank" style="color: #007bff; text-decoration: none;">OSFarm</a> permettant de :</p>
-  <ul style="list-style-type: none; padding: 0;">
+<section class="collaborative-project">
+  <p>GAIA est un projet collaboratif ouvert entre <a href="https://www.lafermedigitale.fr/" target="_blank">LFD</a> et <a href="https://www.osfarm.org/" target="_blank">OSFarm</a> permettant de :</p>
+  <ul>
     <li><i class="fas fa-check-circle"></i>Démocratiser et acculturer le monde agricole aux nouvelles technologies.</li>
     <li><i class="fas fa-check-circle"></i>Développer plus rapidement à partir de briques logicielles ouvertes et données durables.</li>
     <li><i class="fas fa-check-circle"></i>Rendre accessible cette technologie au monde agricole permettant d'amener de nouvelles solutions aux problématiques agricoles.</li>
   </ul>
 </section>
 
-<section style="text-align: center; margin-top: 2rem;">
-  <img src="assets/img/lafermedigital.png" alt="" style="max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+<section class="image-section">
+  <img src="assets/img/lafermedigital.png" alt="">
 </section>