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,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: Prenez des notes simultanément, à plusieurs, en ligne, et sans avoir à créer de compte, puis partager ses notes.
-  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: Base de connaissance
-    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/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 -}}