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/technical-documentation.md

@@ -1,32 +1,51 @@
 ---
 title: Documentation technique
-layout: "simple"
-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: Ressources techniques pour développeurs Chill
+card: "Accédez au code source, à la documentation technique et aux outils de développement de Chill."
+bgColor: "activity-sector"
+layout: "gradient-card"
 ---
-<div class="max-w-xxl mx-auto p-6 bg-white rounded shadow" >
-  <h3 class="content-subtitle bord-1 mb-2 mt-5">Code source de Chill</h3>
-  Le code source de CHILL est hébergé sur GitLab.
 
-  Le dépôt <a class="nav-link" href="https://gitlab.com/Chill-Projet/chill-bundles" target="blank">chill-bundles</a> comporte les fonctionnalités principales de Chill. Ce dépôt est un ensemble de bundles Symfony.
+{{< gradient-card-section title="Code source de Chill" description="Le code source de Chill est hébergé sur GitLab." >}}
+  <div class="space-y-4">
+    <p>Le dépôt <a class="nav-link" href="https://gitlab.com/Chill-Projet/chill-bundles" target="_blank">chill-bundles</a> comporte les fonctionnalités principales de Chill. Ce dépôt est un ensemble de bundles Symfony.</p>
+    
+    <p>Pour être déployées, il est préférable de les inclure dans une application Symfony en les incluant dans les dépendances Composer. De cette manière, il est aussi possible de personnaliser la configuration et l'exécution de l'application.</p>
+    
+    <a href="https://gitlab.com/Chill-Projet/chill-bundles" target="_blank" class="btn btn-primary mt-4">
+      Accéder au dépôt GitLab
+    </a>
+  </div>
+{{< /gradient-card-section >}}
 
+{{< gradient-card-section title="Issues et tickets" description="Signalez des bugs ou proposez des améliorations." >}}
+  <div class="space-y-4">
+    <p>Les tickets concernant le code de Chill se situent dans le dépôt chill-bundles.</p>
+    
+    <a href="https://gitlab.com/Chill-Projet/chill-bundles/-/issues" target="_blank" class="btn btn-primary mt-4">
+      Consulter les tickets
+    </a>
+  </div>
+{{< /gradient-card-section >}}
 
-  Pour être déployées, il est préférable de les inclure dans une application Symfony en les incluant dans les dépendances Composer. De cette manière, il est aussi possible de personnaliser la configuration et l'exécution de l'application. La procédure est expliquée dans la <a class="nav-link" href="https://docs.chill.social/en/latest" target="blank"> documentation</a>.
+{{< gradient-card-section title="Documentation technique" description="Consultez la documentation complète pour développeurs." >}}
+  <div class="space-y-4">
+    <p>La documentation technique de Chill explique la procédure d'installation, la configuration et le développement de modules personnalisés.</p>
+    
+    <a href="https://docs.chill.social/en/latest/" target="_blank" class="btn btn-primary mt-4">
+      Consulter la documentation
+    </a>
+  </div>
+{{< /gradient-card-section >}}
 
-
-  <h5 class="content-subtitle bord-2 mb-2 mt-5">Issues</h5>
-
-  Les tickets concernant le code de Chill se situent par conséquent dans ce dépôt chill-bundles, voir <a class="nav-link" href="https://gitlab.com/Chill-Projet/chill-bundles/-/issues" target="blank"> tickets CHILL</a>.
-
-
-  <h5 class="content-subtitle bord-3 mb-2 mt-5">Documentation technique</h5>
-
-  La documentation technique de Chill se trouve à l'adresse suivante: <a class="nav-link" href="https://docs.chill.social/en/latest/" target="blank">documentation CHILL</a>
-</div>
+{{< 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 >}}