Merge pull request 'Met à jour les contenus en bas de page + page des services' (#43) from maj-footer into main

## Description

- Change la présentation du service site statique
- Corrige des typo
- Corrige la mise en page des premiers blocs de la page d'accueil
- Enlève les mentions de proposition commerciale
- Ajoute liens vers documents associatifs

- Organise la page des services par thématique
- Ajoute Garage à la liste
- changement de description pour Hedgedoc et Outline

Reviewed-on: #43
Reviewed-by: Simon <simon@resilien.fr>

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 >}}
+## Communication en public
+
+{{< services "communication" >}}
+
+## Collaboration dans une équipe
+
+{{< services "collaboration" >}}
+
+## Bureautique
+
+{{< services "bureautique" >}}
+
+## Outils techniques
+
+{{< services "technique" >}}

data/services.yml

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

@@ -11,6 +11,8 @@
     <li><a href="https://notes.resilien.fr/s/R%C3%A9silien.md">Documentation générale</a></li>
     <li><a href="/infrastructure/">Infrastructure</a> <a href="/sous-traitance/">Sous&#8209;traitance</a></li>
     <li> </li>
+    <li><a href="/docs/Association%20R%C3%A9siLien%20-%20Statuts.pdf">Statuts</a> <a href="/docs/Association%20R%C3%A9siLien%20-%20R%C3%A8glement%20int%C3%A9rieur.pdf">Règlement intérieur</a> <a href="/docs/Association%20R%C3%A9siLien%20-%20Grille%20tarifaire.pdf">Grille tarifaire</a></li>
+    <li> </li>
     <li><a href="/mentions-legales/">Mentions légales</a> <a href="/cgv/">CGV</a> <a href="/cgu/">CGU</a></li>
     <li><a href="/politique/">Politique de protection des données</a></li>
     </ul>

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 -}}