Refactor CSS styles and update HTML structure for improved layout and responsiveness

- Updated padding values for sections in custom CSS files to enhance spacing.
- Introduced new card styles with hover effects for better user interaction.
- Added new gradient card layout in the chill theme for a visually appealing design.
- Removed obsolete sector layout and replaced it with a more flexible gradient card layout.
- Enhanced feature list layout with improved pagination and sidebar integration.
- Created a new shortcode for gradient card sections to streamline feature presentation.

content/resources/installation.md

@@ -1,32 +1,51 @@
 ---
 title: Installation
-layout: "simple-card"
-developers:
-  title: "Échanger avec les développeurs"
-  description: "Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill."
-  linkDescription: "Pour le rejoindre cliquez sur le lien ci-dessous :"
-  linkLabel: "#chill-social-admin:matrix.org"
-  linkUrl: "https://matrix.to/#/#chill-social-admin:matrix.org"
-  qrLabel: "ou scannez le code QR :"
-  qrImg: "/images/chill-admin.png"
+description: Installation et hébergement de Chill
+card: "Chill est un logiciel open-source disponible sous licence libre AGPL. Vous pouvez l'auto-héberger ou faire appel à un prestataire pour son installation et sa maintenance."
+bgColor: "activity-sector"
+layout: "gradient-card"
 ---
 
-<h3 class="content-subtitle bord-1 mb-2 mt-5">Auto-hébergé</h3>
+{{< gradient-card-section title="Auto-hébergé" description="Installez Chill sur votre propre serveur à partir des images Docker." >}}
+  <div class="space-y-4">
+    <p>Chill est un logiciel open-source disponible sous licence libre AGPL, dont le code source est hébergé sur <a href="https://gitlab.com/Chill-Projet" target="_blank" class="nav-link">son dépôt gitlab</a>.</p>
+    
+    <p>Avant de l'installer, n'hésitez pas à tester <a href="http://demo.chill.social/" target="_blank" class="nav-link">la démo</a>.</p>
+    
+    <p>Chill est une application web à installer sur un serveur dédié. L'application est alors disponible pour plusieurs utilisateurs sur une adresse internet, par exemple un sous-domaine du site web de votre organisation.</p>
+    
+    <p>Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la documentation d'installation.</p>
+    
+    <p>La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance.</p>
+    
+    <a href="https://chill.readthedocs.io/en/latest/installation/index.html" target="_blank" class="btn btn-primary mt-4">
+      Consulter la documentation d'installation
+    </a>
+  </div>
+{{< /gradient-card-section >}}
 
-Chill est un logiciel open-source disponible sous licence libre AGPL, dont le code source est hébergé sur <a href="https://gitlab.com/Chill-Projet" target="_blank" class="nav-link">son dépôt gitlab</a>.
+{{< gradient-card-section title="Par Champs Libres coopérative" description="Faites appel à Champs Libres pour l'installation, l'hébergement et la maintenance de Chill." >}}
+  <div class="space-y-4">
+    <ul class="list-disc list-inside">
+      <li>Localisé en Belgique, à Namur</li>
+      <li>Hébergement sécurisé et maintenance</li>
+      <li>Support technique professionnel</li>
+    </ul>
+    
+    <a href="https://www.champs-libres.coop/page/social/" target="_blank" class="btn btn-primary mt-4">
+      Visiter le site de Champs-Libres
+    </a>
+  </div>
+{{< /gradient-card-section >}}
 
-Avant de l'installer, n'hésitez pas à tester <a href="http://demo.chill.social/" target="_blank" class="nav-link">la démo</a>.
-<br>
-<br>
-Chill est une application web à installer sur un serveur dédié. L'application est alors disponible pour plusieurs utilisateurs sur une adresse internet, par exemple un sous-domaine du site web de votre organisation.
-<br>
-<br>
-Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la <a href="https://chill.readthedocs.io/en/latest/installation/index.html" target="_blank" class="nav-link"><strong>documentation d'installation</strong></a>.
-
-La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance.
-
-<h3 class="content-subtitle bord-2 mb-2 mt-5">Par Champs Libres coopérative</h3>
-
-- Localisé en Belgique, à Namur
-- Site web: <a href="https://www.champs-libres.coop/page/social/" target="_blank" class="nav-link">Champs-Libres</a>
+{{< gradient-card-section title="Échanger avec les développeurs" description="Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill." >}}
+  <div class="flex flex-col items-center gap-4">
+    <p>Pour le rejoindre cliquez sur le lien ci-dessous :</p>
+    <a href="https://matrix.to/#/#chill-social-admin:matrix.org" target="_blank" class="btn btn-primary">
+      #chill-social-admin:matrix.org
+    </a>
+    <p>ou scannez le code QR :</p>
+    <img src="/images/chill-admin.png" alt="QR Code Matrix" class="w-48 h-48">
+  </div>
+{{< /gradient-card-section >}}