feat(services): Ajoute Garage à la liste

assets/styles/main.sass

@@ -144,7 +144,7 @@ h1
   text-align: center
 
 h2
-  margin: 0 auto calc(var(--tile)*1.5)
+  margin: 0 auto calc(var(--tile)*0.5)
   padding: calc(var(--tile)*1) 0 0
 
 h3

content/services.md

@@ -5,4 +5,18 @@ description:
  
 # Services de RésiLien
 
-{{< services >}}
+<h2>Communication en public</h2>
+
+{{< services "communication" >}}
+
+<h2>Collaboration dans une équipe</h2>
+
+{{< services "collaboration" >}}
+
+<h2>Bureautique</h2>
+
+{{< services "bureautique" >}}
+
+<h2>Outils techniques</h2>
+
+{{< services "technique" >}}

data/services.yml

@@ -1,119 +1,132 @@
 services:
-  directus:
+  communication:
-    tool:
+    garage:
-      name: Directus
+      tool:
-      link: https://directus.io/
+        name: Garage
-    title: Gestion de contenu
+        link: https://garagehq.deuxfleurs.fr/
-    icon: route-2
+      title: Hébergement de site statique
-    description: Directus est un logiciel de gestion de contenu qui permet de stocker et d'accéder au contenu via une API.
+      icon: website
-    subdomain: admin
+      description: Hébergez votre site web statique facile à maintenir.
-    doc: /docs/directus/gestion-de-contenu/
+      subdomain: www
-  element:
+      doc: /docs/garage/hébergez/
-    tool:
+    mobilizon:
-      name: Element
+      tool:
-      link: https://element.io/
+        name: Mobilizon
-    title: Discussion entre équipes
+        link: https://joinmobilizon.org/
-    icon: messages
+      title: Rassembler
-    description: Échanger ensemble avec une **messagerie instantanée** sécurisée et décentralisée.
+      icon: speakerphone
-    subdomain: chat
+      description: Un outil qui vous permet de trouver, créer et organiser des événements. Publiez une page pour votre groupe !
-    doc: /docs/element/discussion-entre-équipes/
+      subdomain: mobilizon
-  gitea:
+      doc: /docs/mobilizon/rassembler/
-    tool:
+    listmonk:
-      name: Gitea
+      tool:
-      link: https://about.gitea.com/
+        name: listmonk
-    title: Forge logicielle
+        link: https://listmonk.app/
-    icon: brand-git
+      title: Infolettre
-    description: Gitea est une forge logicielle libre pour collaborer autour de développement logiciel et la **gestion du code source**.
+      icon: mail-fast
-    subdomain: forge
+      description: Gestionnaire de **listes de diffusion** et d'infolettre avec envoi possible par mail ou SMS.
-    doc: /docs/gitea/forge-logicielle/
+      subdomain: infolettre
-  grist:
+      doc: /docs/listmonk/infolettre/
-    tool:
+  collaboration:
-      name: Grist
+    nextcloud:
-      link: https://www.getgrist.com/
+      tool:
-    title: Tableur en ligne
+        name: Nextcloud
-    icon: table-heart
+        link: https://nextcloud.com/
-    description: Un puissant tableur en ligne permettant de **saisir et manipuler** collaborativement des données numériques.
+      title: Gérer vos données
-    subdomain: grist
+      icon: files
-    doc: /docs/grist/tableur/
+      description: Gérez en collaboration vos **fichiers, contacts et agendas** pour permettre une bonne organisation.
-  hedgedoc:
+      subdomain: nuage
-    tool:
+      doc: /docs/nextcloud/gérer-vos-données/
-      name: Hedgedoc
+    element:
-      link: https://hedgedoc.org/
+      tool:
-    title: Prise de notes
+        name: Element
-    icon: pencil
+        link: https://element.io/
-    description: Collaborer sur une **documentation en ligne** pour mettre en lumière les connaissances de votre équipe.
+      title: Discussion entre équipes
-    subdomain: notes
+      icon: messages
-    doc: /docs/hedgedoc/prise-de-notes/
+      description: Échangez ensemble avec une **messagerie instantanée** sécurisée et décentralisée.
-  listmonk:
+      subdomain: chat
-    tool:
+      doc: /docs/element/discussion-entre-équipes/
-      name: listmonk
+    hedgedoc:
-      link: https://listmonk.app/
+      tool:
-    title: Infolettre
+        name: Hedgedoc
-    icon: mail-fast
+        link: https://hedgedoc.org/
-    description: Gestionnaire de **listes de diffusion** et d'infolettre avec envoi possible par mail ou SMS.
+      title: Prise de notes
-    subdomain: infolettre
+      icon: pencil
-    doc: /docs/listmonk/infolettre/
+      description: Collaborez sur une **documentation en ligne** pour mettre en lumière les connaissances de votre équipe.
-  metabase:
+      subdomain: notes
-    tool:
+      doc: /docs/hedgedoc/prise-de-notes/
-      name: Metabase
+    outline:
-      link: https://www.metabase.com/
+      tool:
-    title: Analyse de données
+        name: Outline
-    icon: chart-dots-2
+        link: https://www.getoutline.com/
-    description: Solution d'informatique décisionnelle, mise en place de graphique de ses données pour piloter son activité.
+      title: Prise de notes
-    subdomain: tableaudebord
+      icon: pencil
-    doc: /docs/metabase/analyse-de-données/
+      description: Collaborez sur **une documentation** en ligne pour mettre en lumière les connaissances de votre équipe.
-  mobilizon:
+      subdomain: docs
-    tool:
+      doc: /docs/outline/prise-de-notes/
-      name: Mobilizon
+    vikunja:
-      link: https://joinmobilizon.org/
+      tool:
-    title: Rassembler
+        name: Vikunja
-    icon: speakerphone
+        link: https://vikunja.io/
-    description: Un outil qui vous permet de trouver, créer et organiser des événements. Publiez une page pour votre groupe !
+      title: Gestion de projets
-    subdomain: mobilizon
+      icon: list-details
-    doc: /docs/mobilizon/rassembler/
+      description: Organisez vous autour de **listes de tâches** et rendre visible l'avancement de vos projets avec votre équipe.
-  nextcloud:
+      subdomain: projets
-    tool:
+      path: '?redirectToProvider=true'
-      name: Nextcloud
+      doc: /docs/vikunja/gestion-de-projets/
-      link: https://nextcloud.com/
+  bureautique:
-    title: Gérer vos données
+    vaultwarden:
-    icon: files
+      tool:
-    description: Gérer en collaboration vos **fichiers, contacts et agendas** pour permettre une bonne organisation.
+        name: Vaultwarden
-    subdomain: nuage
+        link: https://github.com/dani-garcia/vaultwarden/
-    doc: /docs/nextcloud/gérer-vos-données/
+      title: Mots de passe
-  outline:
+      icon: shield-lock
-    tool:
+      description: Facilitez-vous la gestion et le partage de vos mots de passe, vous avez besoin de n'en retenir plus qu'un !
-      name: Outline
+      subdomain: pass
-      link: https://www.getoutline.com/
+      doc: /docs/vaultwarden/gestionnaire-de-mots-de-passe/
-    title: Prise de notes
+    signaturepdf:
-    icon: pencil
+      tool:
-    description: Collaborer sur **une documentation** en ligne pour mettre en lumière les connaissances de votre équipe.
+        name: PDF Signature
-    subdomain: docs
+        link: https://github.com/24eme/signaturepdf/
-    doc: /docs/outline/prise-de-notes/
+      title:  Gestion de PDF
-  signaturepdf:
+      icon: file-type-pdf
-    tool:
+      description: Signez, paraphez, modifiez, réorganisez, compressez vos fichiers PDF directement en ligne.
-      name: PDF Signature
+      subdomain: pdf
-      link: https://github.com/24eme/signaturepdf/
+      doc: /docs/signaturepdf/gestion-de-pdf/
-    title:  Gestion de PDF
+    grist:
-    icon: file-type-pdf
+      tool:
-    description: Signer, parapher, modifier, réorganiser, compresser vos fichiers PDF directement en ligne.
+        name: Grist
-    subdomain: pdf
+        link: https://www.getgrist.com/
-    doc: /docs/signaturepdf/gestion-de-pdf/
+      title: Tableur en ligne
-  vaultwarden:
+      icon: table-heart
-    tool:
+      description: Un puissant tableur en ligne permettant de **saisir et manipuler** collaborativement des données numériques.
-      name: Vaultwarden
+      subdomain: grist
-      link: https://github.com/dani-garcia/vaultwarden/
+      doc: /docs/grist/tableur/
-    title: Mots de passe
+  technique:
-    icon: shield-lock
+    directus:
-    description: Facilitez-vous la gestion et le partage de vos mots de passe, vous avez besoin d'en retenir plus qu'un !
+      tool:
-    subdomain: pass
+        name: Directus
-    doc: /docs/vaultwarden/gestionnaire-de-mots-de-passe/
+        link: https://directus.io/
-  vikunja:
+      title: Gestion de contenu
-    tool:
+      icon: route-2
-      name: Vikunja
+      description: Directus est un logiciel de gestion de contenu qui permet de stocker et d'accéder au contenu via une API.
-      link: https://vikunja.io/
+      subdomain: admin
-    title: Gestion de projets
+      doc: /docs/directus/gestion-de-contenu/
-    icon: list-details
+    gitea:
-    description: Organiser vous autour de **listes de tâches** et rendre visible l'avancement de vos projets avec votre équipe.
+      tool:
-    subdomain: projets
+        name: Gitea
-    path: '?redirectToProvider=true'
+        link: https://about.gitea.com/
-    doc: /docs/vikunja/gestion-de-projets/
+      title: Forge logicielle
+      icon: brand-git
+      description: Gitea est une forge logicielle libre pour collaborer autour de développement logiciel et la **gestion du code source**.
+      subdomain: forge
+      doc: /docs/gitea/forge-logicielle/
+    metabase:
+      tool:
+        name: Metabase
+        link: https://www.metabase.com/
+      title: Analyse de données
+      icon: chart-dots-2
+      description: Solution d'informatique décisionnelle, mise en place de graphique de ses données pour piloter son activité.
+      subdomain: tableaudebord
+      doc: /docs/metabase/analyse-de-données/

layouts/shortcodes/services.html

@@ -1,7 +1,8 @@
 <section class="section section-sm section-features">
   <div class="container">
     <div class="row justify-content-center text-center">
-      {{ range $service := index site.Data.services.services }}
+      {{- $category := .Get 0 }}
+      {{ range $service := index site.Data.services.services $category }}
       <div class="col-12 col-lg-5 col-sm-6">
         <h2 class="h4">
           {{- $service.title -}}