From 118d933121150544da050c9f06609d1e27a4f9dd Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Mon, 19 Aug 2024 15:03:43 +0200 Subject: [PATCH 01/26] Rewrite services _index.md --- content/services/_index.md | 57 ++++++++++++++++++++++++++++ content/services/cryptpad.md | 30 +++++++++++++++ content/services/email.md | 39 +++++++++++++++++++ content/services/jitsi.md | 27 +++++++++++++ content/services/matrix.md | 38 +++++++++++++++++++ content/services/mettre-place-DNS.md | 28 ++++++++++++++ content/services/plume.md | 19 ++++++++++ content/services/web.md | 39 +++++++++++++++++++ 8 files changed, 277 insertions(+) create mode 100644 content/services/_index.md create mode 100644 content/services/cryptpad.md create mode 100644 content/services/email.md create mode 100644 content/services/jitsi.md create mode 100644 content/services/matrix.md create mode 100644 content/services/mettre-place-DNS.md create mode 100644 content/services/plume.md create mode 100644 content/services/web.md diff --git a/content/services/_index.md b/content/services/_index.md new file mode 100644 index 0000000..ef9cc81 --- /dev/null +++ b/content/services/_index.md @@ -0,0 +1,57 @@ +--- +title: "Services" +description: "Services" +weight: 10 +sort_by: "weight" +extra: + parent: 'services/_index.md' +--- + +Cette page du manuel a pour objectif de lister les services que nous proposons ainsi que les liens vers les pages du manuel qui leurs sont associés. + +# Outils de communication + +Nous proposons un certains nombres d'outils de communication entre utilisateurices, vous trouverez donc les équivalent libre de vos outils de communications habituels. + +- [**Matrix**](@/services/matrix.md): Pour les échanges de messages dans le style **SMS**, **Whatsapp**, **Messenger** ou équivalent nous proposons [Matrix](@/services/matrix.md). Il est accessible via une application sur telephone et/ou sur navigateur web directement. Les échanges de messages sont chiffrés de bout en bout et donc ne sont lisibles que par vous et lea destinataire ! + +[↣ Apprendre à utiliser Matrix](@/services/matrix.md) + +- [**Jitsi**](@/services/jitsi.md): Pour de l'échange en visioconférence dans le style de **Facetime**, **Zoom** ou appel vidéo de manière générale, nous proposons [Jitsi](@/services/jitsi.md). L'application est disponible sur Android, iPhone et dans votre navigateur directement. +Vous pouvez activer ou désactiver votre webcam ou votre microphone, inviter jusqu'à 30 personnes ou encore partager votre écran. + +[↣ Apprendre à utiliser Jitsi](@/services/jitsi.md) + +- [**Mail**](@/services/email.md): Nous propons aussi un service d'e-mails classiques. + +[↣ Apprendre à utiliser les emails](@/services/email.md) + + +# Partage de contenu + +Pour du partage de contenu nous avons plusieurs outils a dispositions, que ca soit un document partagé, des formulaires, des postes de blogs ou un site web ! + +- [**Cryptpad**](@/services/cryptpad.md): Pour avoir un document partagé en temps réél, dans l'idée de **Google Doc**, de la prise de note de réunion ou des formulaires, nous vous proposons l'outil [Cryptpad](@/services/cryptpad.md). Il permet d'avoir un document commun a plusieurs personnes, tout en assurant le chiffrement du dit document. Cryptpad permet aussi de réaliser des formulaires afin de faire des votes ou sondages. + +[↣ Apprendre à utiliser le formulaire Cryptpad](@/services/cryptpad.md) + +- [**Plume**](@/services/plume.md): Pour l'écriture d'un blog avec tout un système d'abonnement, de notification de nouveau contenu, nous vous proposons [Plume](@/services/plume.md). + +[↣ Apprendre à utiliser Plume](@/services/plume.md) + +- [**Site Web**](@/services/web.md): Pour créer un site web qui soit référencé dans les moteurs de recherche, un espace où je puisse gérer finement mon contenu, et vers lequel je peux envoyer des gens s'y référer, nous proposons un service d'hebergement. + +[↣ Apprendre à créer un site web](@/services/web.md) + + +# URL des services + +- [**Matrix**]() : - messagerie instantanée Element (sur le réseau Matrix) +- [**Mails**](): - courrier électronique +- [**Mails**](https://alps.deuxfleurs.fr): - courrier électronique, interface plus légère +- [**Jitsi**](https://jitsi.deuxfleurs.fr): - outil de visioconférence +- [**Cryptpad**](https://pad.deuxfleurs.fr): - pads et autres outils collaboratifs avec CryptPad +- [**Plume**](https://plume.deuxfleurs.fr): - plateforme de blog fédérée +- [**Site Web**](https://garagehq.deuxfleurs.fr): - plateforme d'hébergement de site web (voir documentation) + + diff --git a/content/services/cryptpad.md b/content/services/cryptpad.md new file mode 100644 index 0000000..87ae51d --- /dev/null +++ b/content/services/cryptpad.md @@ -0,0 +1,30 @@ +--- +title: "Cryptpad" +description: "Cryptpad" +weight: 50 +extra: + parent: 'services/_index.md' +--- + +TODO + + + + + + + + + + + + + + + + + + + + + diff --git a/content/services/email.md b/content/services/email.md new file mode 100644 index 0000000..818fdd7 --- /dev/null +++ b/content/services/email.md @@ -0,0 +1,39 @@ +--- +title: "E-mails" +description: "E-mails" +weight: 30 +extra: + parent: 'services/_index.md' +--- +TODO + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/services/jitsi.md b/content/services/jitsi.md new file mode 100644 index 0000000..46fbd39 --- /dev/null +++ b/content/services/jitsi.md @@ -0,0 +1,27 @@ +--- +title: "Jitsi" +description: "Visioconférence avec Jitsi" +weight: 20 +extra: + parent: 'services/_index.md' +--- +TODO + + + + + + + + + + + + + + + + + + + diff --git a/content/services/matrix.md b/content/services/matrix.md new file mode 100644 index 0000000..e477682 --- /dev/null +++ b/content/services/matrix.md @@ -0,0 +1,38 @@ +--- +title: "Matrix" +description: "Messagerie Instantanée avec Matrix" +date: "2022-03-09T19:13:51.671Z" +dateCreated: "2021-11-09T12:13:36.265Z" +weight: 10 +extra: + parent: 'services/_index.md' +--- +TODO + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/services/mettre-place-DNS.md b/content/services/mettre-place-DNS.md new file mode 100644 index 0000000..7ce5bcb --- /dev/null +++ b/content/services/mettre-place-DNS.md @@ -0,0 +1,28 @@ +--- +title: "Mettre en place le DNS" +description: "Mise en place du nom de domaine" +date: 2022-09-01 +weight: 3 +extra: + parent: "services/web.md" +--- +TODO + + + + + + + + + + + + + + + + + + + diff --git a/content/services/plume.md b/content/services/plume.md new file mode 100644 index 0000000..bbe6b51 --- /dev/null +++ b/content/services/plume.md @@ -0,0 +1,19 @@ +--- +title: Plume +description: Plume +weight: 50 +extra: + parent: 'services/_index.md' +--- + +TODO + + + + + + + + + + diff --git a/content/services/web.md b/content/services/web.md new file mode 100644 index 0000000..909558f --- /dev/null +++ b/content/services/web.md @@ -0,0 +1,39 @@ +--- +title: Site web +description: Héberger un site web +sort_by: weight +weight: 60 +extra: + parent: services/_index.md +--- + +TODO + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- 2.45.2 From af4c3f956c1e76aa23cf224d6cfd48f6311f3a1e Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Mon, 19 Aug 2024 16:20:39 +0200 Subject: [PATCH 02/26] maj README avec le compte rendu de la refonte --- README.md | 20 ++++++++++++++++++++ content/_index.md | 10 ++++------ 2 files changed, 24 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 2855400..39beb1b 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,4 @@ + # [guide.deuxfleurs.fr](https://guide.deuxfleurs.fr) ## Construire @@ -17,3 +18,22 @@ aws s3 sync ./public s3://guide.deuxfleurs.fr ```bash zola serve ``` + + +# Refonte du guide + +Notre guide contient toutes les informations relatives à l'association, ses services, son infrastructure, et ses idées. C'est donc un lieu crucial, sur lequel sont amenés à tomber de bien nombreux acteur·ices et personnes externes. Nous sommes aussi insatisfait·es avec certain de ses aspects : nous trouvons que les catégories se recoupent et peuvent porter à confusion. La navigation sur mobile pose certains problèmes, et modifier son contenu demande un certain processus. + +Les cinq catégories actuelles, Prise en main, Se former, Vie associative, Infrastructures, et Opérations proviennent de l'application des recommandations de Diátaxis. En pratique, nous constatons qu'elles se révèlent pénibles à utiliser. Elles sont loin d'être exclusives, et il est loin d'être rare que lorsqu'on cherche une information spécifique, celle-ci ait le potentiel de se trouver dans deux ou trois d'entre elles. Nous avons convergé vers une nouvelle organisation. La page d'accueil contiendrait les informations pour découvrir Deuxfleurs, puis présenterait ces quatre catégories : + + Utilisation des services : dédiée aux usager·es, aussi technophobes qu'ils peuvent potentiellement être, afin de leur expliquer simplement et clairement comment utiliser nos services. + Motivations : dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. + Vie associative : dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association. + Infrastructure : dédiée à du contenu technique, pour les administrateur·ices système ou curieux·euses de savoir comment tout cela fonctionne. + +Malgré tout, nous pensons qu'il ne faudra pas hésiter à mettre en place des liens pour que les usager·es passent facilement d'une section à l'autre : un sujet peut arborer plusieurs facettes, se plaçant ainsi à plusieurs endroits du guide. De même, la réorganisation va générer beaucoup de liens morts, et s'en occuper demandera un certain travail qu'il ne faudra pas négliger. + +Sur mobile, le guide n'affiche pas le menu des sections en permanence. Implémenter un fil d'Ariane permettrait de clarifier cette situation, pour améliorer l'ergonomie. + +Il y a donc une quantité de travail non négligeable à réaliser sur notre guide. Nous avons tout intérêt à réaliser la transition le plus en douceur possible. Pour cela, nous allons travailler sur une duplication du guide, à une adresse différente. Une fois la nouvelle version finalisée, nous la mettrons à jour avec les contributions réalisées entre-temps, puis validerons la transition. + diff --git a/content/_index.md b/content/_index.md index c1ed816..928ba5d 100644 --- a/content/_index.md +++ b/content/_index.md @@ -4,15 +4,13 @@ sort_by: weight --- # Découvrir -[Prise en main](@/prise_en_main/_index.md) - Ce manuel vous accompagne dans la découverte de nos outils. C'est par là que vous devriez commencer si vous venez d'arriver, on vous explique comment utiliser nos outils pour rester en contact avec votre famille, organiser une réunion avec votre association ou encore publier une tribune sur le web. +[Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de l'utilisation de nos services. -[Se former](@/formations/_index.md) - Ce manuel vous propose de vous former sur les questions portées par l'association, que ce soit sur l'impact social du numérique ou l'administration d'une machine Linux, avec dans l'idée que vous pourrez vous impliquer d'avantage dans nos activités après, en faisant des ateliers ou en participant à opérer les machines et les logiciels. +[Motivations](@/motivations/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. -[Vie associative](@/vie_associative/_index.md) - Ce manuel traite de tout ce qui concerne l'association, comme ses aspects légaux, les délibérations, ou l'organisation des personnes. +[Vie associative](@/vie_associative/_index.md) - Cette section est dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association. -[Infrastructures](@/infrastructures/_index.md) - Ce manuel documente la dimension matérielle du numérique chez Deuxfleurs. On y recense les ordinateurs, le lieu où ils sont, les connexions réseaux nécessaires, l'énergie consommée, l'impact de fabrication, de fin de vie, etc. - -[Opérations](@/operations/_index.md) - Ce manuel recense notre savoir-faire technique, il a pour but d'accompagner nos opérateur·ices dans la réalisation de leurs tâches. +[Infrastructure](@/infrastructures/_index.md) - Cette section est dédiée à du contenu technique, pour les administrateur·ices système ou curieux·euses de savoir comment tout cela fonctionne. # Contribuer -- 2.45.2 From 0e3858d693e4238b7fab35466cf127b1ee79a7a9 Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Mon, 19 Aug 2024 17:00:57 +0200 Subject: [PATCH 03/26] =?UTF-8?q?Ajout=20fichier=20vide=20pour=20r=C3=A9so?= =?UTF-8?q?udre=20les=20liens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/services/guide_installation.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 content/services/guide_installation.md diff --git a/content/services/guide_installation.md b/content/services/guide_installation.md new file mode 100644 index 0000000..a5de428 --- /dev/null +++ b/content/services/guide_installation.md @@ -0,0 +1,9 @@ +--- +title: "Guide d'installation Matrix" +description: "Guide de l'installation, la création de compte et prise en main de Matrix" +date: 2024-08-19 +weight: 3 +extra: + parent: "services/matrix.md" +--- +TODO -- 2.45.2 From 3ba951828e7645029817c7857fa4fa35a6af6574 Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Wed, 28 Aug 2024 16:22:25 +0200 Subject: [PATCH 04/26] Copie de contenu existant dans services/ --- content/services/cryptpad.md | 8 +-- content/services/email.md | 45 ++++++++----- content/services/guide_installation.md | 10 ++- content/services/hebergement_mail_perso.md | 78 ++++++++++++++++++++++ content/services/jitsi.md | 23 +++---- content/services/matrix.md | 37 +++++----- content/services/mettre-place-DNS.md | 2 +- content/services/plume.md | 6 +- content/services/web.md | 2 +- 9 files changed, 152 insertions(+), 59 deletions(-) create mode 100644 content/services/hebergement_mail_perso.md diff --git a/content/services/cryptpad.md b/content/services/cryptpad.md index 87ae51d..d2702f8 100644 --- a/content/services/cryptpad.md +++ b/content/services/cryptpad.md @@ -6,10 +6,10 @@ extra: parent: 'services/_index.md' --- -TODO - - - + +# Accès à Cryptpad + +- [🌐 Accéder via le navigateur](https://pad.deuxfleurs.fr) diff --git a/content/services/email.md b/content/services/email.md index 818fdd7..9a5bdc3 100644 --- a/content/services/email.md +++ b/content/services/email.md @@ -5,7 +5,7 @@ weight: 30 extra: parent: 'services/_index.md' --- -TODO + @@ -13,27 +13,36 @@ TODO - +# Accéder à vos emails - - - - - - + - +# Configurer ses emails dans une application - - - - - +| Protocole | Rôle | Hôte | Port | Chiffrement | Authentification | Certificat | +| -- | -- | -- | -- | -- | -- | -- | +| IMAP | Réception des emails | `imap.deuxfleurs.fr` | `993` | SSL/TLS | email+mdp | valide | +| SMTP | Envoi des emails | `smtp.deuxfleurs.fr` | `465` | SSL/TLS | email+mdp | valide | +| Exchange ActiveSync | Tous | `https://sogo.deuxfleurs.fr` | `443` | SSL/TLS | email+mdp | valide | - - + +# Utiliser un nom de domaine personnalisé (autre que @deuxfleurs.fr) + +L'hébergement d'e-mails avec des noms de domaines différents, comme `jesuis@toutepuissante.net`, est possible. Vous êtes responsable de la location du nom de domaine mais l'hébergement et la distribution peut être faite sur nos serveurs ! + +Pour la location du nom de domaine nous vous invitons a regarder [la page du guide associée](@/services/mettre-place-DNS.md). + +[↣ Comment louer un nom de domaine](@/services/mettre-place-DNS.md) + +Nous détaillons comment mettre en place l'hébergement de vos mails sur les serveurs deuxfleurs sur la [page suivante](@/services/hebergement_mail_perso.md) + +[↣ Comment heberger mes mails sur Deuxfleurs](@/services/hebergement_mail_perso.md) + - - diff --git a/content/services/guide_installation.md b/content/services/guide_installation.md index a5de428..42fa5fc 100644 --- a/content/services/guide_installation.md +++ b/content/services/guide_installation.md @@ -6,4 +6,12 @@ weight: 3 extra: parent: "services/matrix.md" --- -TODO + +# Inscription + +L'inscription au service matrix est comprise dans la création de compte deuxfleurs. +Si vous n'avez pas encore de compte deuxfleurs et souhaitez nous rejoindre regarder [la page suivante](@/vie_associative/nous_rejoindre.md) + + +# Utilisation + diff --git a/content/services/hebergement_mail_perso.md b/content/services/hebergement_mail_perso.md new file mode 100644 index 0000000..eba0f2c --- /dev/null +++ b/content/services/hebergement_mail_perso.md @@ -0,0 +1,78 @@ +--- +title: "Hebergement d'e-mails personnels" +description: "E-mails personnels" +weight: 10 +extra: + parent: 'services/email.md' +--- + + + +Deuxfleurs peut héberger vos e-mails, même s'ils ne finissent pas en `@deuxfleurs.fr` ! + +> Vous voulez votre propre nom de domaine mais ne savez pas comment faire ? [On vous l'explique ici](@/prise_en_main/mettre-place-DNS.md). + +Nous vous expliquons ici comment héberger une boîte mail avec un nom de domaine vous appartenant, en incluant la récupération (optionnelle) des e-mails existants chez votre ancien fournisseur vers les serveurs de Deuxfleurs. + +1. Si vous souhaitez rapatrier vos anciens e-mails de l'ancien fournisseur vers Deuxfleurs, sauvegardez vos e-mails sur votre machine : + + > Nous présentons une méthode fiable ([cf. ce guide](https://github.com/joeyates/imap-backup/blob/main/docs/migrate-server-keep-address.md)), mais qui demande de bonnes connaissances en informatique. Vous pourriez avoir besoin de l'aide d'un⋅e administrateur⋅ice de Deuxfleurs. + > + > Si vous lui déléguez complètement l'opération, iel aura besoin de vos mots de passe chez votre ancien opérateur mail, chez Deuxfleurs, et manipulera votre sauvegarde d'e-mails. On vous recommande dans ce cas de changer vos mots de passe avant et après l'opération, et de vous armer de confiance. + + * Faites de la place ! Chez votre fournisseur actuel, supprimez votre corbeille, vos vieux e-mails volumineux et inutiles, etc. + + * Téléchargez l'outil [`imap-backup`](https://github.com/joeyates/imap-backup/). + + * Utilisez `imap-backup setup` pour renseigner vos identifiants ainsi que le serveur IMAP de votre fournisseur mail actuel. + + * Lancez `imap-backup backup --accounts=`, ce qui va télécharger tous vos e-mails sur votre ordinateur (c'est long). + +1. Communiquez votre nom de domaine à un⋅e administrateur⋅ice de Deuxfleurs pour qu'iel l'ajoute à : + + * la liste des [domaines gérés par Deuxfleurs dans le LDAP](https://guichet.deuxfleurs.fr/admin/ldap/ou=domains,ou=groups,dc=deuxfleurs,dc=fr), + * et dans la [table de signature DKIM](https://git.deuxfleurs.fr/Deuxfleurs/nixcfg/src/branch/main/cluster/prod/app/email/config/dkim/signingtable). + +1. Communiquez-lui l'adresse e-mail que vous souhaitez utiliser. Vous pouvez ajouter autant d'alias que vous souhaitez, il seront reçus sur la même boîte mail. + + L'admin devra les ajouter ligne à ligne dans l'entrée `mail` dans votre profil utilisateur (en laissant votre adresse `@deuxfleurs.fr` en premier). + +1. Vous devez ensuite rajouter les entrées pour votre nom de domaine en éditant votre zone DNS (si vous n'y comprenez rien, faites-vous aider de l'admin) : + + ``` + # L'entrée MX pour recevoir les e-mails + @ MX 10 smtp.deuxfleurs.fr. + # L'entrée SPF pour autoriser notre IP à délivrer des e-mails en votre nom + @ TXT "v=spf1 include:deuxfleurs.fr -all" + # L'entrée DKIM pour autoriser notre postfix+opendkim à délivrer des e-mails en votre nom + smtp._domainkey CNAME smtp._domainkey.deuxfleurs.fr. + # L'entrée DMARC pour indiquer le comportement à adopter si les contraintes précédentes ne sont pas satisfaites + _dmarc CNAME _dmarc.deuxfleurs.fr. + ``` + +1. À partir de ce point, vous pouvez envoyer et recevoir vos e-mails via notre infrastructure. [Suivez le Guide !](@/prise_en_main/email.md) + + Il faudra par contre attendre 24/48h pour que les changements DNS se propagent dans le monde entier. Vous pourriez encore recevoir quelques e-mails chez votre ancien fournisseur dans l'intervalle. Passé ce délai, vérifiez dans l'interface e-mail de votre ancien fournisseur. + +1. Si vous avez sauvegardé vos e-mails sur votre machine, il est finalement temps de les envoyer sur les serveurs de Deuxfleurs (toujours avec l'aide optionnelle de l'admin, si vous êtes bloqué⋅e) : + + * Assurez-vous d'avoir terminé la sauvegarde en étape 1. + + * Trouvez sur votre machine le dossier contenant la configuration d'`imap-backup` et votre sauvegarde d'e-mails (`~/.imap-backup/` sur Linux). + + * Modifiez manuellement le fichier de configuration d'`imap-backup` et le nom du dossier de votre sauvegarde comme expliqué dans [le guide sus-cité](https://github.com/joeyates/imap-backup/blob/main/docs/migrate-server-keep-address.md). Imaginons que votre adresse mail est `moi@chezmoi.fr` : + + * Remplacez à la ligne `username` votre e-mail par `moi-avant@chezmoi.fr` dans le fichier de configuration `config.json` d'`imap-backup`. + * Dans le même fichier, à la ligne `local_path`, remplacez le nom du dossier `moi_chezmoi.fr` par `moi-avant_chezmoi.fr`. + * Renommez le dossier `moi_chezmoi.fr` en `moi-avant_chezmoi.fr` dans le dossier d'`imap-backup`. + + * Utilisez `imap-backup setup` pour renseigner vos identifiants Deuxfleurs (toujours le même e-mail, et votre mot de passe chez nous), ainsi que le serveur IMAP de Deuxfleurs (`imap.deuxfleurs.fr`). + + * C'est le grand moment de la migration. Toujours en imaginant que votre adresse mail est `moi@chezmoi.fr`, lancez la commande suivante : + + ```imap-backup migrate moi-avant@chezmoi.fr moi@chezmoi.fr --destination-delimiter "."``` + + La commande devrait produire peu de lignes, et vous devriez voir (par exemple sur [sogo.deuxfleurs.fr](https://sogo.deuxfleurs.fr)) vos anciens e-mails apparaître. Si ce n'est pas le cas, appelez à l'aide. + + Une fois cette longue commande terminée, c'est terminé. Bienvenu⋅e chez nous :) + diff --git a/content/services/jitsi.md b/content/services/jitsi.md index 46fbd39..eebb218 100644 --- a/content/services/jitsi.md +++ b/content/services/jitsi.md @@ -5,23 +5,22 @@ weight: 20 extra: parent: 'services/_index.md' --- -TODO - +# Accéder à Jitsi - - - - +- [🌐 Accéder via le navigateur](https://jitsi.deuxfleurs.fr) +- [📥 Application Android (F-Droid)](https://f-droid.org/en/packages/org.jitsi.meet/) +- [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=org.jitsi.meet&hl=fr) +- [📥 Application iOS](https://apps.apple.com/fr/app/jitsi-meet/id1165103905) - +# Bien s'entendre pendant la réunion - +Quelques conseils pour bien s'entendre pendant une réunion et passer un bon moment. - +**Améliorez le son :** l'idéal est d'avoir un casque avec microphone ou des écouteurs avec microphone pour capter le son au plus près de votre bouche et empêcher l'écho (que votre microphone capte ce qui sort sur les hauts parleurs). Si vous n'avez pas de casques ou d'écouteurs ou que vous êtes plusieurs, les ordinateurs portables récents captent mieux le son que les anciens, et généralement votre téléphone captera mieux le son que votre ordinateur. De plus, si vous êtes plusieurs, vous devez savoir que les microphones sont directifs : si vous êtes proches et bien en face de l'ordinateur, on vous entendra bien, sinon on ne vous entendra pas du tout ! En groupe, tournez l'ordinateur vers la personne qui parle ou mettez-vous bien en face pour parler ! - +**Améliorez votre connexion :** la visioconférence est très sensible à la qualité de votre connexion internet. Si vous le pouvez, connectez votre ordinateur en filaire (cable ethernet) à votre *box* (routeur internet). Si vous souhaitez rester en sans-fil (wifi), essayez de vous rapprocher de votre *box*. Le type de connexion internet influencera également la qualité de votre visioconférence : la fibre est idéale, l'ADSL ou les réseaux mobiles (4G et 3G) sont plus incertains. - +**Réduisez vos usages :** Activer la vidéo peut causer des interruptions ou dégrader la qualité du son. Si vous n'avez pas besoin de la vidéo, désactivez là ou garder là seulement pour certains participants. Si vous ne parlez pas, vous pouvez également couper votre microphone. Il est possible de passer en mode "talkie walkie" sur ordinateur avec la touche espace. Vous maintenez la touche espace, votre micro est activé. Vous arrêtez d'appuyer sur la touche espace, votre micro est coupé. - +Si vous appliquez ces conseils, vous devriez arriver à communiquer sans peine. Bonnes communications ! diff --git a/content/services/matrix.md b/content/services/matrix.md index e477682..dcfdf71 100644 --- a/content/services/matrix.md +++ b/content/services/matrix.md @@ -1,38 +1,37 @@ --- title: "Matrix" description: "Messagerie Instantanée avec Matrix" -date: "2022-03-09T19:13:51.671Z" +date: "2024-08-19T15:10:33" dateCreated: "2021-11-09T12:13:36.265Z" weight: 10 extra: parent: 'services/_index.md' --- -TODO - - +Matrix est un réseau de communication instantanée que vous pouvez utiliser pour rester en contact +avec votre famille, avec vos amis ou avec votre collectif ou association. - +# Accéder à Matrix - - - - +- [🌐 Accéder via le navigateur](https://riot.deuxfleurs.fr) +- [📥 Application Android (F-Droid)](https://f-droid.org/fr/packages/im.vector.app) +- [📥 Application Android (Google Play Store)](https://play.google.com/store/apps/details?id=im.vector.app&hl=fr) +- [📥 Application iOS](https://apps.apple.com/fr/app/riot-im/id1083446067) - +# Inscription & utilisation - +Nous avons fait un guide complet sur comment intaller et utiliser le réseau Matrix à partir de zéro [ici](@/services/guide_installation.md). Il est inspiré de [celui créé par Adrien](https://guide.zinz.dev). - +# Nos salons Deuxfleurs - +Deuxfleurs a une pléthore de salons sur Matrix. C'est vraiment à cet endroit qu'on discute le plus entre nous. Le mieux pour les découvrir, c'est de rejoindre notre « espace » (un annuaire de salons et de personnes) qui s'appelle [#la-cabane:deuxfleurs.fr](https://matrix.to/#/#la-cabane:deuxfleurs.fr) et qui ressemble à ça : - +![espace_matrix_3salons.png](/img/matrix.png) - +À l'intérieur de cet espace, on vous recommande notamment les salons suivants : - - - - +* [deuxfleurs::asso](https://matrix.to/#/#deuxfleurs:deuxfleurs.fr) où l'on parle de l'association. +* [deuxfleurs::forum](https://matrix.to/#/#forum:deuxfleurs.fr) où l'on discute beaucoup des questions de numérique et société mais pas que. +* [deuxfleurs::infra](https://matrix.to/#/#tech:deuxfleurs.fr) où l'on parle « techniques » (informatique, notamment). +* [deuxfleurs::usages](https://matrix.to/#/#usages:deuxfleurs.fr) où l'on parle « usages » des services fournis par DeuxFleurs: bugs, problèmes, questions, remarques, souhaits, idées. diff --git a/content/services/mettre-place-DNS.md b/content/services/mettre-place-DNS.md index 7ce5bcb..b056a1e 100644 --- a/content/services/mettre-place-DNS.md +++ b/content/services/mettre-place-DNS.md @@ -6,7 +6,7 @@ weight: 3 extra: parent: "services/web.md" --- -TODO + diff --git a/content/services/plume.md b/content/services/plume.md index bbe6b51..7934f9e 100644 --- a/content/services/plume.md +++ b/content/services/plume.md @@ -6,10 +6,10 @@ extra: parent: 'services/_index.md' --- -TODO - + +# Accéder à Plume - +- [🌐 Accéder via le navigateur](https://plume.deuxfleurs.fr) diff --git a/content/services/web.md b/content/services/web.md index 909558f..e5ee945 100644 --- a/content/services/web.md +++ b/content/services/web.md @@ -7,7 +7,7 @@ extra: parent: services/_index.md --- -TODO + -- 2.45.2 From 980cd3313b95dadff3a3c13c138d14e41d37ccd0 Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Thu, 29 Aug 2024 11:08:27 +0200 Subject: [PATCH 05/26] Add cryptpad.md --- content/services/cryptpad.md | 29 ++++++++++++++++++----------- content/services/cryptpad_mode.png | Bin 0 -> 20954 bytes content/services/email.md | 8 -------- 3 files changed, 18 insertions(+), 19 deletions(-) create mode 100644 content/services/cryptpad_mode.png diff --git a/content/services/cryptpad.md b/content/services/cryptpad.md index d2702f8..2c1ae66 100644 --- a/content/services/cryptpad.md +++ b/content/services/cryptpad.md @@ -6,25 +6,32 @@ extra: parent: 'services/_index.md' --- - # Accès à Cryptpad - [🌐 Accéder via le navigateur](https://pad.deuxfleurs.fr) - +# Les différentes utilisation de Cryptpad - - +![Mode Cryptpad](/content/services/cryptpad_mode.png) - - +# Traitement de texte - +Pour du traitement de texte, dans le style de Word, Google Docs ou LibreOffice, il y a l'outil "Texte". +L'outil permet de taper du texte mais aussi de partager le document avec d'autre utilisateurices afin de taper en simultané. - +Pour du traitement de texte Markdown utilisez plutot l'outil "Code". - - - +# Formulaires + +Pour des sondages, des enquêtes ou toute forme de fomulaire, dans le style de Google Forms, nous vous conseillons l'outil "Formulaire" de Cryptpad. + +# Gestion de projet / Listes de tâches + +Pour de la gestion de projet, de l'organisation de tâche et planification, Cryptpad propose un [Kaban Board](https://en.wikipedia.org/wiki/Kanban_board) via l'outil Kanban. + +# Autre + +Il existe d'autre mode d'utilisation de Cryptpad que nous ne recommandons pas, soit car nous ne les utilisons pas, soit car ils sont connus pour leurs problèmes de fonctionnement comme le tableur. +Utilisez les à vos risques et périls ! diff --git a/content/services/cryptpad_mode.png b/content/services/cryptpad_mode.png new file mode 100644 index 0000000000000000000000000000000000000000..d316f35aab2fac1a7484beec61301d132021ee23 GIT binary patch literal 20954 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 t0`4 - - - - - - # Accéder à vos emails @@ -32,7 +25,6 @@ extra: | Exchange ActiveSync | Tous | `https://sogo.deuxfleurs.fr` | `443` | SSL/TLS | email+mdp | valide | - # Utiliser un nom de domaine personnalisé (autre que @deuxfleurs.fr) L'hébergement d'e-mails avec des noms de domaines différents, comme `jesuis@toutepuissante.net`, est possible. Vous êtes responsable de la location du nom de domaine mais l'hébergement et la distribution peut être faite sur nos serveurs ! -- 2.45.2 From eb013ea3f2242401ce4111f27f6b8f71f6e04d93 Mon Sep 17 00:00:00 2001 From: Lauric Desauw Date: Thu, 29 Aug 2024 15:39:53 +0200 Subject: [PATCH 06/26] Add web content first part --- content/services/creer-du-contenu.md | 11 +++++ content/services/cryptpad.md | 12 ++---- content/services/initialiser-votre-acces.md | 46 +++++++++++++++++++++ content/services/mettre-place-DNS.md | 2 +- content/services/publier-le-contenu.md | 11 +++++ content/services/statique-comment-ça.md | 18 ++++++++ content/services/web.md | 45 ++++++++++---------- 7 files changed, 114 insertions(+), 31 deletions(-) create mode 100644 content/services/creer-du-contenu.md create mode 100644 content/services/initialiser-votre-acces.md create mode 100644 content/services/publier-le-contenu.md create mode 100644 content/services/statique-comment-ça.md diff --git a/content/services/creer-du-contenu.md b/content/services/creer-du-contenu.md new file mode 100644 index 0000000..304a67f --- /dev/null +++ b/content/services/creer-du-contenu.md @@ -0,0 +1,11 @@ +--- +title: Creer du contenu +description: Comment creer du contenu pour votre site web +sort_by: weight +weight: 40 +extra: + parent: services/web.md +--- + + +# Title diff --git a/content/services/cryptpad.md b/content/services/cryptpad.md index 2c1ae66..63c4394 100644 --- a/content/services/cryptpad.md +++ b/content/services/cryptpad.md @@ -12,26 +12,22 @@ extra: # Les différentes utilisation de Cryptpad - -![Mode Cryptpad](/content/services/cryptpad_mode.png) - - -# Traitement de texte +## Traitement de texte Pour du traitement de texte, dans le style de Word, Google Docs ou LibreOffice, il y a l'outil "Texte". L'outil permet de taper du texte mais aussi de partager le document avec d'autre utilisateurices afin de taper en simultané. Pour du traitement de texte Markdown utilisez plutot l'outil "Code". -# Formulaires +## Formulaires Pour des sondages, des enquêtes ou toute forme de fomulaire, dans le style de Google Forms, nous vous conseillons l'outil "Formulaire" de Cryptpad. -# Gestion de projet / Listes de tâches +## Gestion de projet / Listes de tâches Pour de la gestion de projet, de l'organisation de tâche et planification, Cryptpad propose un [Kaban Board](https://en.wikipedia.org/wiki/Kanban_board) via l'outil Kanban. -# Autre +## Autre Il existe d'autre mode d'utilisation de Cryptpad que nous ne recommandons pas, soit car nous ne les utilisons pas, soit car ils sont connus pour leurs problèmes de fonctionnement comme le tableur. Utilisez les à vos risques et périls ! diff --git a/content/services/initialiser-votre-acces.md b/content/services/initialiser-votre-acces.md new file mode 100644 index 0000000..0287b13 --- /dev/null +++ b/content/services/initialiser-votre-acces.md @@ -0,0 +1,46 @@ +--- +title: Initialiser votre accès +description: Comment initialiser votre accès pour l'hébergement +sort_by: weight +weight: 20 +extra: + parent: services/web.md +--- +De par l'utilisation de son logiciel Garage, Deuxfleurs conserve et sert les sites web en recourant au stockage objet. Pour chaque site, on a un bucket (seau en français), partageant le même nom que lui. On peut voir un bucket comme un récipient dans lequel on va mettre tout nos fichiers à publier. Créer un bucket ne prend que quelques clics depuis votre compte DeuxFleurs. + +# Créer un bucket pour héberger son site web + +* En bas de l'[interface de votre compte](https://guichet.deuxfleurs.fr), cliquez sur "Mes sites Web". +* Cliquez sur "Nouveau site web". +* Spécifiez le nom de domaine pour votre site (l'identifiant du site qu'on tape dans la barre URL d'un navigateur pour y accéder) : + * Si vous n'avez pas votre propre nom de domaine, votre site peut être rendu accessible dans un sous-domaine de `web.deuxfleurs.fr`. Dans l'onglet "Je n'ai pas de nom de domaine", entrez le sous domaine de votre choix. + * Si vous avez votre propre nom de domaine, entrez-le dans l'onglet "Utiliser mon propre nom de domaine". Il faudra alors [configurer votre serveur DNS pour pointer sur l'adresse d'hébergement chez DeuxFleurs](@/services/mettre-place-DNS.md). +* Cliquez sur "Créer un nouveau site web" pour confirmer la création du bucket dans Garage. + +Pour copier les fichiers du site web dans le bucket et [publier le site web](@/services/publier-le-contenu.md), vous aurez besoin des clefs d'accès et des propriétés du bucket accessibles en cliquant sur "Mes identifiants". + +Les clefs d'accès permettent d'assurer que vous seul·e·s (ou celleux à qui vous partagez les clefs) peuvent modifier le contenu du site. + - L'identifiant de votre clé d'accès ressemble par exemple à `cSGcEQoInTVgkxPIzzF6IyU7C7`. Même s'il vaut mieux ne pas le crier sur tous les toits, il n'y a pas de risque de sécurité si vous le dévoilez à des gens. + - La clé d'accès secrète qui ressemble à `rCE6vzSVkll54FNd0Jvx7uoRsNqAXexxX1b3rm2BofquQKln6bdnDLRRli1dZbSS`, elle, comme son nom l'indique, doit absolument rester secrète. Si elle est dévoilée par accident, contactez un·e administrateur·rice immédiatement ! + +# Du point de vue des administrateur·ice·s + +Pour les administrateur·ice·s, le bucket correspondant au site web apparaît comme : + +``` +$ sudo docker exec -ti 78e6b7e53241 /garage bucket list|grep -P 'exemple-un.fr|exemple-deux.eu' + 4bdce6:exemple-un.fr 56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e + exemple-deux.eu 941956ebfffa8fd564ad6b40e4bb5ac2f2b93bdbba1d1bf88fe6daff2cf4df6c +``` +Si `exemple-un.fr` n'est pas à gauche dans la même colonne que `exemple-deux.eu`, c'est parce qu'il n'est pas réglé en global. L'administrateur·rice va corriger ça en faisant la commande suivante : + +``` +garage bucket alias 56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e exemple-un.fr +``` + +On obtient le résultat suivant : +``` + exemple-un.fr 4bdce6:exemple-un.fr 56a0f10929f0d63d0177415a22a0b636cf1efe92845f2b00e04b91298656e78e + exemple-deux.eu 941956ebfffa8fd564ad6b40e4bb5ac2f2b93bdbba1d1bf88fe6daff2cf4df6c +``` + diff --git a/content/services/mettre-place-DNS.md b/content/services/mettre-place-DNS.md index b056a1e..03be7fa 100644 --- a/content/services/mettre-place-DNS.md +++ b/content/services/mettre-place-DNS.md @@ -2,7 +2,7 @@ title: "Mettre en place le DNS" description: "Mise en place du nom de domaine" date: 2022-09-01 -weight: 3 +weight: 30 extra: parent: "services/web.md" --- diff --git a/content/services/publier-le-contenu.md b/content/services/publier-le-contenu.md new file mode 100644 index 0000000..eea5371 --- /dev/null +++ b/content/services/publier-le-contenu.md @@ -0,0 +1,11 @@ +--- +title: Publier du contenu +description: Comment publier votre contenu en ligne +sort_by: weight +weight: 50 +extra: + parent: services/web.md +--- + + +# Title diff --git a/content/services/statique-comment-ça.md b/content/services/statique-comment-ça.md new file mode 100644 index 0000000..cafca9a --- /dev/null +++ b/content/services/statique-comment-ça.md @@ -0,0 +1,18 @@ +--- +title: Statique, comment ça ? +description: Qu'est ce qu'un site web statique et pourquoi +sort_by: weight +weight: 10 +extra: + parent: services/web.md +--- + +Au commencement du web (au début des années 90), le contenu présent en ligne était statique : quand un client veut un fichier ou une page, il spécifie le chemin via un URL, et le serveur répond tout le temps la même chose. Dès le milieu des années 90 ont apparu au sein du web des pages dynamiques, avec [CGI](https://fr.wikipedia.org/wiki/Common_Gateway_Interface) et [PHP](https://fr.wikipedia.org/wiki/PHP). Pour une même page, le serveur peut répondre un contenu différent, variant selon des paramètres rajoutés en fin de chemin URL, selon des données dans la mémoire du serveur, ou selon n'importe quel facteur qui passe par la tête du développeur. + +Avec Javascript, qui date de la même époque, une confusion se pose souvent : beaucoup de contenus statiques passent pour du dynamique aux yeux de l'internaute. Il faut alors rappeler une distinction importante : le code Javascript livré avec un site s'exécute côté client, c'est-à-dire sur l'ordinateur ou le téléphone de l'internaute. À contrario, le CGI ou PHP s'exécute côté serveur, c'est-à-dire sur la machine administrée par le propriétaire du site. Selon ce qu'on veut faire, il faut choisir l'un ou l'autre. + +Quelques exemples pour comprendre cette dichotomie : je gère une boutique en ligne, et je veux que le stock de mes produits s'affiche quand un client consulte mon site ? Il faut faire ça côté serveur, car seul lui connaît les stocks. Je veux mettre en place des décors interactifs avec la souris ? Il faut faire ça côté client, car seul lui connaît la position du curseur. Là où le bât blesse, c'est que certaines choses peuvent être faites des deux côtés, par exemple afficher l'heure sur une page. + +En proposant un site statique on réduit fortement le besoin d'infrastructure du côté serveur en déplacant le calcul sur des terminaux déjà existant : votre téléphone ou ordinateur. De ce fait on réduit le besoin de nouveaux matériel qui est très couteux d'un point de vue environnemental (la vidéo de [François Jarrige / Fanny Lopez | La Manufacture d'idées 2022](https://www.youtube.com/watch?v=wwFFWPK-CF8) à ce sujet). + +En conclusion, une page statique peut proposer des interactions et des effets quelconques, et même se comporter comme une application, car l'interactivité est gérée uniquement par votre ordinateur. Dans ce modèle, par contre, le serveur web se contente simplement de vous envoyer les données que vous lui demandez, sans exécuter de logique complexe, réduisant ainsi l'impact environnemental du site. diff --git a/content/services/web.md b/content/services/web.md index e5ee945..3b7c16c 100644 --- a/content/services/web.md +++ b/content/services/web.md @@ -9,31 +9,32 @@ extra: - +Vous avez toujours souhaitez avoir votre propre site web ? Que ça soit pour communiquer pour une association, à propos de vous ou simplement publier ce qui vous intéresse de manière indépendante ? +Deuxfleurs peut vous aider en vous fournissant l'hébergement. Suivez le guide ! - - - - - +1. [Statique ? Comment ça ?](@/services/statique-comment-ça.md) +2. [Initialiser votre accès](@/services/initialiser-votre-acces.md) +3. [Mettre en place le DNS](@/services/mettre-place-DNS.md) +4. [Créer du contenu](@/services/creer-du-contenu.md) +5. [Publier le contenu](@/services/publier-le-contenu.md) - +# Ils nous font confiance pour leur site web - - - - - - - - - - - - - - - +- [declic-lelivre.com](https://declic-lelivre.com) - _Exploitation des données privées, surveillance généralisée, addiction au smartphone, disparition de pans entiers de l'économie... Les critiques du monde du numérique ne cessent de s'amplifier ; difficile d'ignorer les conséquences de l'utilisation d'Amazon, Facebook, Google, Instagram ou Netflix. Et s'il existait un autre Internet, respectueux de nos libertés ?_ +- [envieappartagee.fr](https://www.envieappartagee.fr) - _Association Envie Appart'Agée, projet de coloc Alzheimer pour habiter et être accompagné autrement en Vendée._ +- [wanderearth.fr](https://wanderearth.fr/) - _Blog voyage à vélo low-tech._ +- [www.osuny.org](https://www.osuny.org/) - _Osuny est une solution technique spécialement conçue pour les universités, laboratoires de recherches et écoles supérieures permettant de créer des sites Web entièrement personnalisés, les plus sobres, les plus accessibles et les plus sécurisés possibles_. +- [giraud.eu](https://giraud.eu) - _Site d'un ingénieur en informatique_ +- [anneprudhomoz.fr](https://anneprudhomoz.fr) - _De la terre, du fer, de l'eau, beaucoup de feu, un peu d'huile, encore du béton et du plâtre ! ... sans oublier le crayon à papier et les carnets._ +- [courderec.re](https://courderec.re) - _Groupe de musique. De la pop synthé qui décoiffe._ +- [colineaubert.com](https://colineaubert.com) - _D'un côté graphiste, illustratrice et conceptrice d'outils pédagogiques, je mets en images et en mots différents sujets scientifiques et culturels._ +- [estherbouquet.com](https://estherbouquet.com) - _Esther Bouquet questions how narratives—both historical and literary—are being built by creating tangible experiences ranging from the size of the sheet of paper to the volume of a space; somewhere between writing, archiving, drawing, designing, and programming._ +- [quentin.dufour.io](https://quentin.dufour.io) - _Portfolio et blog d'un ingénieur en informatique_ +- [erwan.dufour.io](https://erwan.dufour.io) - _Portfolio et blog d'un passionné d'électronique_ +- [luxeylab.net](https://luxeylab.net) - _Site d'un prof en informatique_ +- [eric.dufour.io](https://eric.dufour.io) _- Appui au montage de projets de bioéconomie circulaire._ +- [www.clairebernstein.photo](https://www.clairebernstein.photo/) - _Portfolio photographique._ +- et de nombreux autres! -- 2.45.2 From e8a76154659949db2f538fa77b08ed66a5534993 Mon Sep 17 00:00:00 2001 From: ADRN Date: Sat, 7 Dec 2024 14:47:54 +0100 Subject: [PATCH 07/26] fix: compilation du site grace a l'ajout du dossier (section) 'vision' --- README.md | 4 +++- content/_index.md | 2 +- content/prise_en_main/_index.md | 2 +- content/vision/_index.md | 11 +++++++++++ 4 files changed, 16 insertions(+), 3 deletions(-) create mode 100644 content/vision/_index.md diff --git a/README.md b/README.md index 39beb1b..463b824 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,3 @@ - # [guide.deuxfleurs.fr](https://guide.deuxfleurs.fr) ## Construire @@ -10,7 +9,10 @@ zola build ## Déployer ```bash +# Pousser sur https://guide.deuxfleurs.fr aws s3 sync ./public s3://guide.deuxfleurs.fr +# Pousser sur https://preprod-guide.web.deuxfleurs.fr +aws s3 sync ./public s3://preprod-guide ``` ## Développer diff --git a/content/_index.md b/content/_index.md index 928ba5d..c687329 100644 --- a/content/_index.md +++ b/content/_index.md @@ -6,7 +6,7 @@ sort_by: weight [Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de l'utilisation de nos services. -[Motivations](@/motivations/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. +[Vision](@/vision/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. [Vie associative](@/vie_associative/_index.md) - Cette section est dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association. diff --git a/content/prise_en_main/_index.md b/content/prise_en_main/_index.md index c48134a..8e47d2a 100644 --- a/content/prise_en_main/_index.md +++ b/content/prise_en_main/_index.md @@ -1,7 +1,7 @@ --- title: "Prise en main" description: "Prise en main" -weight: 10 +weight: 20 sort_by: "weight" extra: parent: 'prise_en_main/_index.md' diff --git a/content/vision/_index.md b/content/vision/_index.md new file mode 100644 index 0000000..7e597de --- /dev/null +++ b/content/vision/_index.md @@ -0,0 +1,11 @@ +--- +title: "Vision" +description: "Vision" +weight: 11 +sort_by: "weight" +extra: + parent: 'vision/_index.md' +--- + +Tout doux (en anglais : to do) + -- 2.45.2 From 2a411fd1bc0d4e0a809eaf31096e2ed14048c2a8 Mon Sep 17 00:00:00 2001 From: ADRN Date: Sat, 7 Dec 2024 16:12:13 +0100 Subject: [PATCH 08/26] feat: desactivation de l'affichage de sections dans le menu superieur via le camp extra->hide_from_menu du header de la section --- content/formations/_index.md | 1 + content/infrastructures/_index.md | 2 +- content/operations/_index.md | 1 + content/prise_en_main/_index.md | 1 + content/vie_associative/_index.md | 2 +- content/vision/_index.md | 2 +- templates/_macros.html | 4 +++- 7 files changed, 9 insertions(+), 4 deletions(-) diff --git a/content/formations/_index.md b/content/formations/_index.md index c498c7c..4a965f2 100644 --- a/content/formations/_index.md +++ b/content/formations/_index.md @@ -5,6 +5,7 @@ weight: 30 sort_by: "weight" extra: parent: 'formations/_index.md' + hide_from_menu: true --- Ce manuel vous propose de vous former sur les questions portées par l'association, que ce soit sur l'impact social du numérique ou l'administration d'une machine Linux, avec dans l'idée que vous pourrez vous impliquer d'avantage dans nos activités après, en faisant des ateliers ou en participant à opérer les machines et les logiciels. diff --git a/content/infrastructures/_index.md b/content/infrastructures/_index.md index 43b50d2..6df4ee7 100644 --- a/content/infrastructures/_index.md +++ b/content/infrastructures/_index.md @@ -1,7 +1,7 @@ --- title: "Infrastructures" description: "Infrastructures" -weight: 90 +weight: 40 extra: parent: 'infrastructures/_index.md' --- diff --git a/content/operations/_index.md b/content/operations/_index.md index 9216c0f..61bf165 100644 --- a/content/operations/_index.md +++ b/content/operations/_index.md @@ -5,6 +5,7 @@ weight: 100 sort_by: "weight" extra: parent: 'operations/_index.md' + hide_from_menu: true --- Ce manuel recense notre savoir-faire technique, il a pour but d'accompagner nos opérateur·ices dans la réalisation de leurs tâches. diff --git a/content/prise_en_main/_index.md b/content/prise_en_main/_index.md index 8e47d2a..9eb9455 100644 --- a/content/prise_en_main/_index.md +++ b/content/prise_en_main/_index.md @@ -5,6 +5,7 @@ weight: 20 sort_by: "weight" extra: parent: 'prise_en_main/_index.md' + hide_from_menu: true --- Ce manuel vous accompagne dans la découverte de nos outils. diff --git a/content/vie_associative/_index.md b/content/vie_associative/_index.md index 718aabf..a1d5ad7 100644 --- a/content/vie_associative/_index.md +++ b/content/vie_associative/_index.md @@ -1,7 +1,7 @@ --- title: "Vie associative" description: "Vie associative" -weight: 50 +weight: 30 sort_by: "weight" extra: parent: 'vie_associative/_index.md' diff --git a/content/vision/_index.md b/content/vision/_index.md index 7e597de..b9fb4d1 100644 --- a/content/vision/_index.md +++ b/content/vision/_index.md @@ -1,7 +1,7 @@ --- title: "Vision" description: "Vision" -weight: 11 +weight: 20 sort_by: "weight" extra: parent: 'vision/_index.md' diff --git a/templates/_macros.html b/templates/_macros.html index 4f8d852..8286314 100644 --- a/templates/_macros.html +++ b/templates/_macros.html @@ -13,7 +13,9 @@
    {% for subpath in section.subsections %} {% set sub = get_section(path=subpath) %} -
  • {{ sub.title }}
  • + {% if not 'hide_from_menu' in sub.extra or not sub.extra.hide_from_menu %} +
  • {{ sub.title }}
  • + {% endif %} {% endfor %} {% if config.extra.juice_extra_menu %} {% for menu in config.extra.juice_extra_menu %} -- 2.45.2 From ef646baf052a3301d259054f2e1fdebc2d99ad71 Mon Sep 17 00:00:00 2001 From: Marion Date: Sat, 7 Dec 2024 17:47:02 +0100 Subject: [PATCH 09/26] =?UTF-8?q?feat(accueil):=20ajout=20d'un=20lien=20ve?= =?UTF-8?q?rs=20deuxfleurs.fr=20et=20suppression=20des=20guidelines=20obso?= =?UTF-8?q?l=C3=A8tes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/_index.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/content/_index.md b/content/_index.md index c687329..916876b 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,6 +2,9 @@ title: Guide Deuxfleurs sort_by: weight --- + +Bienvenue sur le guide de [Deuxfleurs](https://deuxfleurs.fr) ! + # Découvrir [Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de l'utilisation de nos services. @@ -14,8 +17,6 @@ sort_by: weight # Contribuer -Afin d'apporter une contribution impactante, il est recommandé de lire [Diátaxis](https://diataxis.fr/), un site web qui théorise la documentation. Pour le style d'écriture, les conseils de [StaticCMS](https://www.staticcms.org/docs/writing-style-guide) sont intéressants. - Pour contribuer à ce guide, le plus simple est d'agréger les modifications que vous voulez apporter dans un fichier texte ou LibreOffice et de nous l'envoyer par email à coucou (arobase) deuxfleurs.fr. Un membre de l'association reportera alors vos propositions sur le site web. Si vous êtes plus expert·e, vous pouvez demander des accès à [l'interface d'administration](https://guide.deuxfleurs.fr/admin/) pour faire directement vos modifications. Si vous connaissez git, vous pourriez aussi vouloir [forker notre dépôt](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr). -- 2.45.2 From 2fa39363f3d973db4887d47a63ca20b75976128e Mon Sep 17 00:00:00 2001 From: Marion Date: Sat, 7 Dec 2024 18:56:16 +0100 Subject: [PATCH 10/26] feat(services): relecture de la page d'accueil des services --- content/services/_index.md | 60 ++++++++++++++++++++++++-------------- 1 file changed, 38 insertions(+), 22 deletions(-) diff --git a/content/services/_index.md b/content/services/_index.md index ef9cc81..f4bd234 100644 --- a/content/services/_index.md +++ b/content/services/_index.md @@ -7,41 +7,57 @@ extra: parent: 'services/_index.md' --- -Cette page du manuel a pour objectif de lister les services que nous proposons ainsi que les liens vers les pages du manuel qui leurs sont associés. +Cette page du manuel a pour objectif de lister les services que nous proposons ainsi que les liens vers les pages du manuel qui leurs sont associées. # Outils de communication -Nous proposons un certains nombres d'outils de communication entre utilisateurices, vous trouverez donc les équivalent libre de vos outils de communications habituels. +Nous proposons un certain nombre d'outils de communication entre utilisateurices, vous trouverez donc les équivalents libres de vos outils de communication habituels. -- [**Matrix**](@/services/matrix.md): Pour les échanges de messages dans le style **SMS**, **Whatsapp**, **Messenger** ou équivalent nous proposons [Matrix](@/services/matrix.md). Il est accessible via une application sur telephone et/ou sur navigateur web directement. Les échanges de messages sont chiffrés de bout en bout et donc ne sont lisibles que par vous et lea destinataire ! +- ***Messagerie instantanée*** ([**Matrix**](@/services/jitsi.md)) :\ +Pour les échanges de messages dans le style des **SMS**, de **Whatsapp**, **Messenger** ou équivalent nous proposons ***Matrix***. Il est accessible *via* une application sur téléphone et/ou sur navigateur web directement. Les échanges de messages sont chiffrés de bout en bout et donc ne sont lisibles que par vous et lea destinataire ! +\ +\ +[↣ Apprendre à utiliser Matrix](@/services/matrix.md)\ +[↣ Accéder au service Matrix]() -[↣ Apprendre à utiliser Matrix](@/services/matrix.md) - -- [**Jitsi**](@/services/jitsi.md): Pour de l'échange en visioconférence dans le style de **Facetime**, **Zoom** ou appel vidéo de manière générale, nous proposons [Jitsi](@/services/jitsi.md). L'application est disponible sur Android, iPhone et dans votre navigateur directement. +- ***Visioconférence*** ([**Jitsi**](@/services/jitsi.md)) :\ +Pour de l'échange en visioconférence dans le style de **Facetime**, **Zoom** ou appel vidéo de manière générale, nous proposons ***Jitsi***. L'application est disponible sur Android, iPhone et dans votre navigateur directement. Vous pouvez activer ou désactiver votre webcam ou votre microphone, inviter jusqu'à 30 personnes ou encore partager votre écran. +\ +\ +[↣ Apprendre à utiliser Jitsi](@/services/jitsi.md)\ +[↣ Accéder au service Jitsi](https://jitsi.deuxfleurs.fr) -[↣ Apprendre à utiliser Jitsi](@/services/jitsi.md) - -- [**Mail**](@/services/email.md): Nous propons aussi un service d'e-mails classiques. - -[↣ Apprendre à utiliser les emails](@/services/email.md) - +- [**Mail**](@/services/email.md): Nous proposons aussi un service d'e-mails classique. +\ +\ +[↣ Apprendre à utiliser notre service d'emails](@/services/email.md)\ +[↣ Accéder au service de mails (interface classique SoGo)]() ou [(interface plus légère Alps)](https://alps.deuxfleurs.fr) # Partage de contenu -Pour du partage de contenu nous avons plusieurs outils a dispositions, que ca soit un document partagé, des formulaires, des postes de blogs ou un site web ! +Pour du partage de contenu nous avons plusieurs outils à disposition, que ce soit des documents partagés, des formulaires, des postes de blogs ou des sites web ! -- [**Cryptpad**](@/services/cryptpad.md): Pour avoir un document partagé en temps réél, dans l'idée de **Google Doc**, de la prise de note de réunion ou des formulaires, nous vous proposons l'outil [Cryptpad](@/services/cryptpad.md). Il permet d'avoir un document commun a plusieurs personnes, tout en assurant le chiffrement du dit document. Cryptpad permet aussi de réaliser des formulaires afin de faire des votes ou sondages. +- ***Stockage et édition de documents partagés*** ([**Cryptpad**](@/services/cryptpad.md)) :\ +Pour avoir un document partagé en temps réél, dans l'idée de **Google Doc**, de la prise de note de réunion ou des formulaires, nous vous proposons l'outil ***Cryptpad***. Il permet d'avoir des documents communs à plusieurs personnes, stockables en ligne et éditables à plusieurs, tout en assurant le chiffrement du document. Cryptpad permet aussi de réaliser des formulaires afin de faire des votes ou sondages. +\ +\ +[↣ Apprendre à utiliser le formulaire Cryptpad](@/services/cryptpad.md)\ +[↣ Accéder au service Cryptpad](https://pad.deuxfleurs.fr) -[↣ Apprendre à utiliser le formulaire Cryptpad](@/services/cryptpad.md) +- ***Blog*** ([**Plume**](@/services/plume.md)) :\ +Pour l'écriture d'un blog avec un système d'abonnements et de notifications de nouveau contenu, nous vous proposons ***Plume***. +\ +\ +[↣ Apprendre à utiliser Plume](@/services/plume.md)\ +[↣ Accéder à la plateforme Plume](https://plume.deuxfleurs.fr) -- [**Plume**](@/services/plume.md): Pour l'écriture d'un blog avec tout un système d'abonnement, de notification de nouveau contenu, nous vous proposons [Plume](@/services/plume.md). - -[↣ Apprendre à utiliser Plume](@/services/plume.md) - -- [**Site Web**](@/services/web.md): Pour créer un site web qui soit référencé dans les moteurs de recherche, un espace où je puisse gérer finement mon contenu, et vers lequel je peux envoyer des gens s'y référer, nous proposons un service d'hebergement. - -[↣ Apprendre à créer un site web](@/services/web.md) +- [**Site Web**](@/services/web.md): Nous proposons un service d'hébergement de sites webs statiques (nous ne pouvons pas héberger de *Wordpress* par exemple).\ +Pour comprendre ce qu'est un site statique, et pourquoi ce choix, c'est par [ici](http://127.0.0.1:1111/services/statique-comment-ca/). +\ +\ +[↣ Apprendre à créer un site web](@/services/web.md)\ +[↣ Accéder à la plateforme d'hébergement de sites web](https://garagehq.deuxfleurs.fr) # URL des services -- 2.45.2 From f3c12ae6f716e9f0f0492d8da73de530ac1106fa Mon Sep 17 00:00:00 2001 From: ADRN Date: Sat, 7 Dec 2024 23:02:09 +0100 Subject: [PATCH 11/26] =?UTF-8?q?revert:=20'Motivations'=20est=20d=C3=A9fi?= =?UTF-8?q?nitivement=20plus=20classe=20que=20'Vision'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/_index.md | 10 ++++++---- content/vision/_index.md | 11 ----------- 2 files changed, 6 insertions(+), 15 deletions(-) delete mode 100644 content/vision/_index.md diff --git a/content/_index.md b/content/_index.md index 916876b..a332316 100644 --- a/content/_index.md +++ b/content/_index.md @@ -7,11 +7,11 @@ Bienvenue sur le guide de [Deuxfleurs](https://deuxfleurs.fr) ! # Découvrir -[Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de l'utilisation de nos services. +[Utilisation des services](@/services/_index.md) - Ce manuel vous accompagne dans la découverte de nos outils numériques : e-mail, site web, conversation instantanée, édition partagée.... -[Vision](@/vision/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. +[Motivations](@/motivations/_index.md) - Cette section est dédiée à la présentation de nos idées, réflexions, arguments, désirs, inspirations et motivations. -[Vie associative](@/vie_associative/_index.md) - Cette section est dédiée au contenu administratif, et aux considérations autour de Deuxfleurs en tant qu'association. +[Vie associative](@/vie_associative/_index.md) - Cette section traite de contenu administratif, et de Deuxfleurs en tant qu'association. [Infrastructure](@/infrastructures/_index.md) - Cette section est dédiée à du contenu technique, pour les administrateur·ices système ou curieux·euses de savoir comment tout cela fonctionne. @@ -19,4 +19,6 @@ Bienvenue sur le guide de [Deuxfleurs](https://deuxfleurs.fr) ! Pour contribuer à ce guide, le plus simple est d'agréger les modifications que vous voulez apporter dans un fichier texte ou LibreOffice et de nous l'envoyer par email à coucou (arobase) deuxfleurs.fr. Un membre de l'association reportera alors vos propositions sur le site web. -Si vous êtes plus expert·e, vous pouvez demander des accès à [l'interface d'administration](https://guide.deuxfleurs.fr/admin/) pour faire directement vos modifications. Si vous connaissez git, vous pourriez aussi vouloir [forker notre dépôt](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr). +Si vous êtes plus expert·e, vous pouvez demander des accès à [l'interface d'administration](https://guide.deuxfleurs.fr/admin/) pour faire directement vos modifications. + +Si vous connaissez git, vous pourriez aussi vouloir [forker notre dépôt](https://git.deuxfleurs.fr/Deuxfleurs/guide.deuxfleurs.fr). diff --git a/content/vision/_index.md b/content/vision/_index.md deleted file mode 100644 index b9fb4d1..0000000 --- a/content/vision/_index.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: "Vision" -description: "Vision" -weight: 20 -sort_by: "weight" -extra: - parent: 'vision/_index.md' ---- - -Tout doux (en anglais : to do) - -- 2.45.2 From 432cabfb601baeda04dfcb21714955f9cf4f5143 Mon Sep 17 00:00:00 2001 From: ADRN Date: Sun, 8 Dec 2024 00:36:44 +0100 Subject: [PATCH 12/26] =?UTF-8?q?WIP:=20plein=20de=20changement=20de=20tit?= =?UTF-8?q?re=20+=20le=20dossier=20motivation=20du=20commit=20pr=C3=A9c?= =?UTF-8?q?=C3=A9dent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/infrastructures/machines.md | 11 ++++++++--- content/motivations/_index.md | 11 +++++++++++ content/services/email.md | 2 +- content/services/hebergement_mail_perso.md | 12 +++++------- content/services/matrix.md | 2 +- content/services/mettre-place-DNS.md | 2 +- content/services/statique-comment-ça.md | 12 +++++++++--- content/services/web.md | 13 ++++++++----- sass/juice.scss | 6 +++--- templates/_nav.html | 6 +++--- templates/index.html | 7 +++++-- 11 files changed, 55 insertions(+), 29 deletions(-) create mode 100644 content/motivations/_index.md diff --git a/content/infrastructures/machines.md b/content/infrastructures/machines.md index d31cdf4..f75590d 100644 --- a/content/infrastructures/machines.md +++ b/content/infrastructures/machines.md @@ -1,13 +1,18 @@ --- -title: "Serveurs" -description: "Serveurs" +title: "Nos serveurs" +description: "La salle des machines" weight: 40 sort_by: "weight" extra: parent: 'infrastructures/_index.md' --- -# Rôles +Ce coin du Guide présente les ordinateurs qui constituent notre infrastructure et leurs différents rôles. + +# Différents clusters + +Nous avons mis en réseau une dizaine de machines, des ordinateurs de bureau, réunies en deux principaux rôles ou _clusters_ : + Nous avons identifié 4 rôles pour nos serveurs, en fonction de la criticité des charges de travail et des données qu'ils auront à gérer. diff --git a/content/motivations/_index.md b/content/motivations/_index.md new file mode 100644 index 0000000..b10e9ac --- /dev/null +++ b/content/motivations/_index.md @@ -0,0 +1,11 @@ +--- +title: "Motivations" +description: "Motivations" +weight: 20 +sort_by: "weight" +extra: + parent: 'motivations/_index.md' +--- + +Tout doux (en anglais : to do) + diff --git a/content/services/email.md b/content/services/email.md index a80e3e3..f8b2964 100644 --- a/content/services/email.md +++ b/content/services/email.md @@ -1,7 +1,7 @@ --- title: "E-mails" description: "E-mails" -weight: 30 +weight: 10 extra: parent: 'services/_index.md' --- diff --git a/content/services/hebergement_mail_perso.md b/content/services/hebergement_mail_perso.md index eba0f2c..19d1439 100644 --- a/content/services/hebergement_mail_perso.md +++ b/content/services/hebergement_mail_perso.md @@ -1,20 +1,18 @@ --- -title: "Hebergement d'e-mails personnels" -description: "E-mails personnels" +title: "Transférer une boite existante" +description: "Transférer une boite existante" weight: 10 extra: parent: 'services/email.md' --- - - Deuxfleurs peut héberger vos e-mails, même s'ils ne finissent pas en `@deuxfleurs.fr` ! -> Vous voulez votre propre nom de domaine mais ne savez pas comment faire ? [On vous l'explique ici](@/prise_en_main/mettre-place-DNS.md). +> Vous voulez louer votre propre nom de domaine ? [Cette page vous l'expliquera.](@/prise_en_main/mettre-place-DNS.md) -Nous vous expliquons ici comment héberger une boîte mail avec un nom de domaine vous appartenant, en incluant la récupération (optionnelle) des e-mails existants chez votre ancien fournisseur vers les serveurs de Deuxfleurs. +Dans ce guide, on crée chez Deuxfleurs une boîte mail avec un nom de domaine vous appartenant, en incluant la récupération (optionnelle) des e-mails existants chez votre ancien fournisseur vers les serveurs de Deuxfleurs. -1. Si vous souhaitez rapatrier vos anciens e-mails de l'ancien fournisseur vers Deuxfleurs, sauvegardez vos e-mails sur votre machine : +1. Si vous souhaitez rapatrier vos anciens e-mails de l'ancien fournisseur vers Deuxfleurs, faites une sauvegarde de vos e-mails sur votre machine : > Nous présentons une méthode fiable ([cf. ce guide](https://github.com/joeyates/imap-backup/blob/main/docs/migrate-server-keep-address.md)), mais qui demande de bonnes connaissances en informatique. Vous pourriez avoir besoin de l'aide d'un⋅e administrateur⋅ice de Deuxfleurs. > diff --git a/content/services/matrix.md b/content/services/matrix.md index dcfdf71..6501306 100644 --- a/content/services/matrix.md +++ b/content/services/matrix.md @@ -3,7 +3,7 @@ title: "Matrix" description: "Messagerie Instantanée avec Matrix" date: "2024-08-19T15:10:33" dateCreated: "2021-11-09T12:13:36.265Z" -weight: 10 +weight: 15 extra: parent: 'services/_index.md' --- diff --git a/content/services/mettre-place-DNS.md b/content/services/mettre-place-DNS.md index 03be7fa..f35f533 100644 --- a/content/services/mettre-place-DNS.md +++ b/content/services/mettre-place-DNS.md @@ -1,5 +1,5 @@ --- -title: "Mettre en place le DNS" +title: "Votre nom de domaine" description: "Mise en place du nom de domaine" date: 2022-09-01 weight: 30 diff --git a/content/services/statique-comment-ça.md b/content/services/statique-comment-ça.md index cafca9a..b26ca2c 100644 --- a/content/services/statique-comment-ça.md +++ b/content/services/statique-comment-ça.md @@ -1,15 +1,21 @@ --- title: Statique, comment ça ? -description: Qu'est ce qu'un site web statique et pourquoi +description: Nous hébergeons des sites statiques sort_by: weight weight: 10 extra: parent: services/web.md --- -Au commencement du web (au début des années 90), le contenu présent en ligne était statique : quand un client veut un fichier ou une page, il spécifie le chemin via un URL, et le serveur répond tout le temps la même chose. Dès le milieu des années 90 ont apparu au sein du web des pages dynamiques, avec [CGI](https://fr.wikipedia.org/wiki/Common_Gateway_Interface) et [PHP](https://fr.wikipedia.org/wiki/PHP). Pour une même page, le serveur peut répondre un contenu différent, variant selon des paramètres rajoutés en fin de chemin URL, selon des données dans la mémoire du serveur, ou selon n'importe quel facteur qui passe par la tête du développeur. -Avec Javascript, qui date de la même époque, une confusion se pose souvent : beaucoup de contenus statiques passent pour du dynamique aux yeux de l'internaute. Il faut alors rappeler une distinction importante : le code Javascript livré avec un site s'exécute côté client, c'est-à-dire sur l'ordinateur ou le téléphone de l'internaute. À contrario, le CGI ou PHP s'exécute côté serveur, c'est-à-dire sur la machine administrée par le propriétaire du site. Selon ce qu'on veut faire, il faut choisir l'un ou l'autre. +Depuis le commencement du web au début des années 90, existent les sites web _statiques_ : + +quand un client demande un fichier ou une page, il spécifie le chemin _via_ une [URL](https://fr.wikipedia.org/wiki/Uniform_Resource_Locator), et le serveur répond tout le temps la même chose. +Dès le milieu des années 90 sont apparu les pages dynamiques, avec [CGI](https://fr.wikipedia.org/wiki/Common_Gateway_Interface) et [PHP](https://fr.wikipedia.org/wiki/PHP). +Pour une même page, le serveur peut répondre un contenu différent, variant selon des paramètres rajoutés en fin de chemin URL, selon des données dans la mémoire du serveur, ou selon n'importe quel facteur qui passe par la tête du développeur. + +Avec [JavaScript](https://fr.wikipedia.org/wiki/JavaScript), qui date de la même époque, une confusion se pose souvent : beaucoup de contenus statiques passent pour du dynamique aux yeux de l'internaute. Il faut alors rappeler une distinction importante : le code Javascript livré avec un site s'exécute côté client, c'est-à-dire sur l'ordinateur ou le téléphone de l'internaute. A contrario, le CGI ou PHP s'exécute côté serveur, c'est-à-dire sur la machine administrée par le propriétaire du site. +Selon ce qu'on veut faire, il faut choisir l'un ou l'autre. Quelques exemples pour comprendre cette dichotomie : je gère une boutique en ligne, et je veux que le stock de mes produits s'affiche quand un client consulte mon site ? Il faut faire ça côté serveur, car seul lui connaît les stocks. Je veux mettre en place des décors interactifs avec la souris ? Il faut faire ça côté client, car seul lui connaît la position du curseur. Là où le bât blesse, c'est que certaines choses peuvent être faites des deux côtés, par exemple afficher l'heure sur une page. diff --git a/content/services/web.md b/content/services/web.md index 3b7c16c..38aed2b 100644 --- a/content/services/web.md +++ b/content/services/web.md @@ -1,6 +1,6 @@ --- -title: Site web -description: Héberger un site web +title: Sites web +description: Héberger vos sites Internet sort_by: weight weight: 60 extra: @@ -9,12 +9,15 @@ extra: -Vous avez toujours souhaitez avoir votre propre site web ? Que ça soit pour communiquer pour une association, à propos de vous ou simplement publier ce qui vous intéresse de manière indépendante ? -Deuxfleurs peut vous aider en vous fournissant l'hébergement. Suivez le guide ! +Vous avez toujours voulu avoir un site web ? +Une page perso pour publier ce qui vous intéresse de manière indépendante ? +Ou d'exposer votre association sur la carte du net ? +Deuxfleurs peut vous aider en vous fournissant l'hébergement. +Suivez le guide ! 1. [Statique ? Comment ça ?](@/services/statique-comment-ça.md) 2. [Initialiser votre accès](@/services/initialiser-votre-acces.md) -3. [Mettre en place le DNS](@/services/mettre-place-DNS.md) +3. [Votre nom de domaine](@/services/mettre-place-DNS.md) 4. [Créer du contenu](@/services/creer-du-contenu.md) 5. [Publier le contenu](@/services/publier-le-contenu.md) diff --git a/sass/juice.scss b/sass/juice.scss index 94285c9..08af5c0 100644 --- a/sass/juice.scss +++ b/sass/juice.scss @@ -293,9 +293,9 @@ footer { padding: 10px 0px; } - main .toc-homepage .toc-sticky { - display: block; - } + /* main .toc-homepage .toc-sticky { */ + /* display: block; */ + /* } */ .menu-button-container { display: block; diff --git a/templates/_nav.html b/templates/_nav.html index 0ab8ac7..270f028 100644 --- a/templates/_nav.html +++ b/templates/_nav.html @@ -17,9 +17,9 @@ {{ nav::hamburger(root=root) }} {# Section title #} - + + + {# Choose between "tree" (has extra.parent) and "list" (default) collections #} {% set root_tree = root.pages | group_by(attribute="extra.parent") %} diff --git a/templates/index.html b/templates/index.html index 1193328..b48d6d0 100644 --- a/templates/index.html +++ b/templates/index.html @@ -39,8 +39,11 @@
    {% block content %} -
    {{ section.title }}
    - {{ section.content | safe }} +
    + {{ section.title }} +
    + + {{ section.content | safe }} {% endblock content %}
    -- 2.45.2 From b046412be95196fd3a7a4e30a4ef5b7c6607fe5a Mon Sep 17 00:00:00 2001 From: Marion Date: Sun, 8 Dec 2024 00:47:42 +0100 Subject: [PATCH 13/26] feat(services): petites modifs textuelles sur la doc matrix --- content/services/guide_installation.md | 4 ++-- content/services/matrix.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/content/services/guide_installation.md b/content/services/guide_installation.md index 42fa5fc..cf1625a 100644 --- a/content/services/guide_installation.md +++ b/content/services/guide_installation.md @@ -1,6 +1,6 @@ --- title: "Guide d'installation Matrix" -description: "Guide de l'installation, la création de compte et prise en main de Matrix" +description: "Guide de l'installation, la création de compte et la prise en main de Matrix" date: 2024-08-19 weight: 3 extra: @@ -10,7 +10,7 @@ extra: # Inscription L'inscription au service matrix est comprise dans la création de compte deuxfleurs. -Si vous n'avez pas encore de compte deuxfleurs et souhaitez nous rejoindre regarder [la page suivante](@/vie_associative/nous_rejoindre.md) +Si vous n'avez pas encore de compte Deuxfleurs et souhaitez nous rejoindre regardez [ici](@/vie_associative/nous_rejoindre.md). # Utilisation diff --git a/content/services/matrix.md b/content/services/matrix.md index 6501306..1854eb8 100644 --- a/content/services/matrix.md +++ b/content/services/matrix.md @@ -20,7 +20,7 @@ avec votre famille, avec vos amis ou avec votre collectif ou association. # Inscription & utilisation -Nous avons fait un guide complet sur comment intaller et utiliser le réseau Matrix à partir de zéro [ici](@/services/guide_installation.md). Il est inspiré de [celui créé par Adrien](https://guide.zinz.dev). +Pour s'inscrire sur notre service Matrix, il faut un compte Deuxfleurs : [rejoignez-nous !](@/vie_associative/nous_rejoindre.md). Ensuite, [suivez le guide](@/services/guide_installation.md) pour la connexion au service et l'utilisation. # Nos salons Deuxfleurs -- 2.45.2 From 67e63906eb83cf7e0abda13aaa1b5830e99d185e Mon Sep 17 00:00:00 2001 From: ADRN Date: Sun, 8 Dec 2024 00:49:10 +0100 Subject: [PATCH 14/26] =?UTF-8?q?feat:=20graphisme=20de=20la=20navigation?= =?UTF-8?q?=20sup=C3=A9rieure?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- sass/juice.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/sass/juice.scss b/sass/juice.scss index 08af5c0..9770ed6 100644 --- a/sass/juice.scss +++ b/sass/juice.scss @@ -72,11 +72,20 @@ header ul li { color: var(--primary-text-color); &:hover { - color: #fff; text-decoration: underline; } } +header .nav-item { + padding: 4px 2px; + color: var(--primary-text-color); + + &:hover, &:active, &:focus { + text-decoration: none; + border-bottom: white solid 2px; + } +} + .hero { display: flex; align-items: center; -- 2.45.2 From 322457d8e58c3dffe9f42931deebfd87be779d87 Mon Sep 17 00:00:00 2001 From: ADRN Date: Sun, 8 Dec 2024 11:58:31 +0100 Subject: [PATCH 15/26] feat(infrastructure): relecture et modification de contenu --- content/infrastructures/_index.md | 5 ++ content/infrastructures/energie.md | 2 +- content/infrastructures/logiciels.md | 80 ++++++++++++++++------------ content/infrastructures/machines.md | 48 ++++++++++------- content/infrastructures/reseau.md | 2 +- content/infrastructures/services.md | 16 +++--- 6 files changed, 91 insertions(+), 62 deletions(-) diff --git a/content/infrastructures/_index.md b/content/infrastructures/_index.md index 6df4ee7..8478b5c 100644 --- a/content/infrastructures/_index.md +++ b/content/infrastructures/_index.md @@ -2,10 +2,15 @@ title: "Infrastructures" description: "Infrastructures" weight: 40 +sort_by: weight extra: parent: 'infrastructures/_index.md' --- Ce manuel documente la dimension matérielle du numérique chez Deuxfleurs. On y recense les ordinateurs, le lieu où ils sont, les connexions réseaux nécessaires, l'énergie consommée, l'impact de fabrication, de fin de vie, etc. +> Vu la quantité de logiciels et de machines impliquées (et la fâcheuse tendance de nos membres à déménager), il est fort probable que les informations présentées ici soient **obsolètes**. +> Cependant, ces pages ont été vraies il n'y a pas si longtemps : leur lecture vous informera quand même sur notre pratique de l'hébergement de services numériques.\ +> Pour connaître l'état précis de nos infrastructures, il faudrait plutôt lire notre dépôt [`nixcfg`](https://git.deuxfleurs.fr/Deuxfleurs/nixcfg) – qui décrit techniquement nos machines et services à tout instant. +> Bonne lecture ! diff --git a/content/infrastructures/energie.md b/content/infrastructures/energie.md index 2728825..51d56ee 100644 --- a/content/infrastructures/energie.md +++ b/content/infrastructures/energie.md @@ -3,7 +3,7 @@ title: "Énergie" description: "Consommation électrique" date: 2021-11-09T12:54:33.129Z dateCreated: 2021-11-09T12:54:30.985Z -weight: 20 +weight: 40 extra: parent: 'infrastructures/_index.md' --- diff --git a/content/infrastructures/logiciels.md b/content/infrastructures/logiciels.md index f931260..4b5e9bc 100644 --- a/content/infrastructures/logiciels.md +++ b/content/infrastructures/logiciels.md @@ -1,19 +1,25 @@ --- -title: Développement logiciel -description: Logiciels -weight: 90 +title: Nos créations +description: Les logiciels que l'on développe +weight: 30 sort_by: weight draft: false date: 2024-01-24 extra: - parent: infrastructures/_index.md + parent: infrastructures/services.md --- -Cette section recense les logiciels développés par Deuxfleurs pour les besoins spécifiques de son infra. +Cette section recense les logiciels développés par Deuxfleurs pour les besoins spécifiques de son infrastructure : [Garage](@infrastructures/garage.md), [Bottin](@infrastructures/bottin.md), [Guichet](@infrastructures/guichet.md), [Tricot](@infrastructures/tricot.md), [Diplonat](@infrastructures/diplonat.md)...\ +Cette page en particulier présente nos choix de conception. + # Principes de conception -Nou essayons de suivre plusieurs principes pour une conception qui correspond au besoin tout en ayant un ensemble de logiciels homogènes. +Deuxfleurs reconnaît l'importance sociale des choix techniques. +N'importe quel outil est imbibé de l'idéologie de la société qui l'a vu naître – et en retour, il impose son idéologie aux sociétés à venir. +Sachant cela, on arbitre nos choix techniques en regardant en premier lieu ce qu'ils vont impliquer socialement. +Cela fait de nos infrastructures une bizarrerie pour qui est habitué⋅e aux pratiques de l'informatique industrielle. +Nous essayons de suivre plusieurs principes pour une conception qui correspond au besoin tout en ayant un ensemble de logiciels homogènes. ## Vie privée @@ -23,48 +29,52 @@ Que ce soit à l'intérieur ou l'extérieur de l'association, des demandes pour Quelques propriétés en vrac qu'on peut, ou ne pas, désirer : -### Messagerie instantanée +#### Messagerie instantanée - - Je ne veux pas que le contenu de mes messages et des fichiers que je partage soient accessibles (eg. une photo que j'ai prise, mes réactions) - - Je ne veux pas que les métadonnées autour de mes messages soient accessibles (eg. les salons de discussions auxquels je prends pars, l'horodatage des messages, les personnes avec qui j'échange) - - Je ne veux pas que les métadonnées de communication soient accessibles (eg. quand je me connecte au service, depuis où, si j'intéragis sur le réseau, etc.), ces données permettent parfois d'inférer des métadonnées sur le protocole (autres personnes dans le salon de communication, horodatage, etc.) + - Je ne veux pas que le contenu de mes messages et des fichiers que je partage soient accessibles à des tiers (_e.g._ une photo que j'ai prise, mes réactions). + - Je ne veux pas que les métadonnées autour de mes actions soient accessibles à des tiers (_e.g._ les salons de discussions auxquels je prends part, l'horodatage des messages, les personnes avec qui j'échange). + - Je ne veux pas que mes métadonnées de communication soient accessibles (_e.g._ quand je me connecte à un service, depuis où, si j'intéragis sur le réseau, etc.), ces données permettent parfois d'inférer des métadonnées sur le protocole (autres personnes dans le salon de communication, horodatage, etc.). -### Courrier électronique (de l'email au mixnet) +#### Courrier électronique (de l'e-mail au mixnet) - - Je ne veux pas que le contenu de mes emails et pièces jointes soit lisible (eg. le doc que j'ai joint) - - Je ne veux pas que les métadonnées autour de mon message soient accessibles (eg. le destinataire, l'expéditeur, l'horodatage, le client email utilisé, le sujet du mail, le dossier dans lequel il est stocké) - - Je ne veux pas que les métadonnées de communication soient accessibles (eg. quand je me connecte au service email, depuis où, quand j'intéragis sur le réseau), ces données permettent parfois d'inférer des métadonnées sur le protocole (destinataires, présence de pièce jointe, etc.) + - Je ne veux pas que le contenu de mes e-mails et pièces jointes soit lisibles par des tiers (_e.g._ le doc que j'ai joint). + - Je ne veux pas que les métadonnées autour de mon message soient accessibles (_e.g._ le destinataire, l'expéditeur, l'horodatage, le client e-mail utilisé, le sujet du mail, le dossier dans lequel il est stocké). + - Je ne veux pas que mes métadonnées de communication soient accessibles (_e.g._ quand je me connecte au service e-mail, depuis où, quand j'intéragis sur le réseau). + Ces données peuvent permettre d'inférer des informations importantes sur mes correspondant⋅es et moi-même (destinataires, présence de pièce jointe, etc.). -### Synchronisation et collaboration sur des fichiers - - Je ne veux pas que le contenu de mes fichiers soit accessible - - Je ne veux pas que les métadonnées de mon fichier soient accessibles (eg. nom du fichier, dossier, format, taille, hash, etc.) - - Je ne veux pas que les métadonnées de communication soient accessibles (eg. quand j'accède au document, depuis où, qui d'autre, combien de fois, etc.), ces données permettent parfois d'inférer des métadonnées sur le protocole (taille, collaborateurs, type, etc.) +#### Synchronisation et collaboration sur des fichiers + - Je ne veux pas que le contenu de mes fichiers soit accessible à des personnes non autorisées. + - Je ne veux pas que les métadonnées de mes fichiers soient accessibles (_e.g._ nom du fichier, dossier, format, taille, hash, etc.). + - Je ne veux pas que mes métadonnées de communication soient accessibles (_e.g._ quand j'accède au document, depuis où, qui d'autre, combien de fois, etc.). + Ces données peuvent permettre d'inférer des informations importantes sur mes correspondant⋅es et moi-même (taille, collaborateurs, type, etc.). -## Attaquants +## Modèles d'attaquants -Quelques attaquants que l'on peut, ou ne pas, considérer : +Dans le domaine de la sécurité, on commence toujours par décrire l'« attaquant » : ses capacités, le temps dont iel dispose... +Car il n'existe aucune défense qui protège de toutes les attaques : il faut donc savoir contre qui on est en mesure de se défendre, ou pas. +Suivent quelques attaquants potentiels : - - Hébergeur de la machine (eg. branche un clavier et un écran sur l'ordi et récupère un accès admin) - - Administrateur Système (eg. utilise ses accès privilégiés pour accéder volontairement ou non à du contenu privé) - - Développeurs (eg. ajout d'une porte dérobée au moment de l'écriture du code) - - Chaîne logistique (eg. ajout d'une porte dérobée au moment de déployer l'app sur les serveurs ou le terminal de l'utilisateur) - - Opérateur Internet (eg. Orange) - - Regroupement d'opérateurs internet (cf "Tor netflow") - - Personne externe via internet (eg. hacker) - - Personne externe physique (eg. voleur) - - Regroupement d'acteurs (eg. opérateurs internet, externe physique ET internet) - - Utilisateurs (eg. pas de chiffrement sur son téléphone) + - Administrateur Système (_e.g._ utilise ses accès privilégiés pour accéder volontairement ou non à du contenu privé) + - Hébergeur de la machine non administrateur (_e.g._ branche un clavier et un écran sur l'ordi et récupère un accès admin) + - Développeurs (_e.g._ ajout d'une porte dérobée au moment de l'écriture du code d'un logiciel qu'on utilise) + - Chaîne logistique (_e.g._ ajout d'une porte dérobée au moment de déployer un logiciel sur les serveurs ou le terminal de l'utilisateur) + - Opérateur Internet (_e.g._ Orange), voit passer une partie de notre trafic + - Regroupement d'opérateurs Internet (cf "Tor netflow") + - Personne externe via Internet (_e.g._ hacker) + - Personne externe physique (_e.g._ voleur) + - Regroupement d'acteurs (_e.g._ opérateurs internet, externe physique ET internet) + - Usager⋅es, qui peuvent se faire pirateur leurs données par ailleurs (_e.g._ téléphone non protégé) ## Un exemple de ce qu'on pourrait faire Prenons l'exemple de la messagerie instantanée. Pour l'instant, on peut définir les types de réseaux suivants : - centralisé, pas chiffré (Messenger) -- centralisé, chiffé de bout en bout (avec toute une gamme d'implems, la meilleure étant peut-être Signal) -- fédéré, pas chiffré (E-mail, IRC, XMPP sans omemo, Matrix sans E2EE) +- centralisé, chiffé de bout en bout (il y en a une grande quantité, la meilleure étant peut-être Signal) +- fédéré, pas chiffré (E-mail, IRC, Matrix sans chiffrement de boût en boût (E2EE), XMPP sans Omemo) - fédéré, chiffré (XMPP + Omemo, Matrix + E2EE) - distribué, chiffré (Tox, Retroshare) -- distribué avec des mécanisme d'anonymat fort (Freenet, Mix networks, ...) +- distribué avec des mécanisme d'anonymat fort (Freenet, Mix networks) Seule la dernière catégorie s'adresse au cas d'un "global passive attacker". On peut imaginer d'abandonner l'idée d'avoir une protection très efficace contre ce dernier car ça serait très contraignant sur le design et l'utilisabilité, et les cas où on en aurait vraiment besoin sont des cas particuliers où on peut faire l'effort d'utiliser une solution adaptée. @@ -92,5 +102,5 @@ Concernant la seconde approche, celle-ci semble beaucoup plus à notre portée : ## Ressources - - https://about.psyc.eu/Federation et https://about.psyc.eu/PSYC2 - - Définition d'un mixnet : https://www.youtube.com/watch?v=dQtk0NcTseg + - [https://about.psyc.eu/Federation](https://git.deuxfleurs.fr/Deuxfleurs/nixcfg) et [https://about.psyc.eu/PSYC2](https://about.psyc.eu/PSYC2) + - Définition d'un mixnet : [https://www.youtube.com/watch?v=dQtk0NcTseg](https://www.youtube.com/watch?v=dQtk0NcTseg) diff --git a/content/infrastructures/machines.md b/content/infrastructures/machines.md index f75590d..17c37f4 100644 --- a/content/infrastructures/machines.md +++ b/content/infrastructures/machines.md @@ -1,7 +1,7 @@ --- title: "Nos serveurs" description: "La salle des machines" -weight: 40 +weight: 10 sort_by: "weight" extra: parent: 'infrastructures/_index.md' @@ -9,31 +9,41 @@ extra: Ce coin du Guide présente les ordinateurs qui constituent notre infrastructure et leurs différents rôles. +Promouvant la **sobriété numérique**, on veille à ne pas consommer plus de ressources que nécessaire pour fournir les services de l'association. +On utilise par exemple exclusivement des ordinateurs de bureau datés de quelques années (souvent rachetées à bas prix au [domaine](https://encheres-domaine.gouv.fr/hermes/biens-mobiliers/high-tech)). +Car un serveur n'est jamais qu'un ordinateur qui exécute des logiciels fournissant des services. Votre téléphone pourrait tout aussi bien assurer cette mission. +Mais un serveur, ça doit être prêt à répondre aux requêtes à n'importe quelle heure. +Toutes les machines présentées ici sont donc branchées 24/7 dans l'attente que vous vous y connectiez. +Ça en fait de la [consommation électrique](@/infrastructures/energie.md) ! + +Notre approche vers la sobriété, c'est de **visibiliser la matérialité** du numérique. +C'est le but de ces pages : qu'on puisse constater ce qu'il en coûte matériellement que d'héberger vos e-mails et sites web de façon sobre et résiliente. + # Différents clusters -Nous avons mis en réseau une dizaine de machines, des ordinateurs de bureau, réunies en deux principaux rôles ou _clusters_ : +Parmi les machines directement géréees par Deuxfleurs, se trouvent deux principaux rôles ou _clusters_ : + -Nous avons identifié 4 rôles pour nos serveurs, en fonction de la criticité des charges de travail -et des données qu'ils auront à gérer. +- [Production](@/infrastructures/production.md) - Les serveurs de productions sont ceux qui font tourner les services accédés par les usager·es (eg. Plume, Matrix, Cryptpad). + S'ils sont inaccessibles, alors les services ne fonctionnent plus. + Et si une personne malveillante y accède, elle peut avoir accès à des données personnelles des usager·es. C'est donc le rôle le plus critique. +- [Expérimentation](@/infrastructures/xp.md) - Les serveurs d'expérimentation servent à tester les nouvelles configurations, les nouveaux logiciels, et le nouveau matériel. + Ils permettent aux opérateur·ices de se familiariser avec leurs modifications et de minimiser l'impact d'un changement sur les serveurs de production, et donc sur la disponibilité des services. + Ces machines ne contiennent pas de données personnelles et ne sont pas critiques, elles n'ont pas besoin de rester tout le temps allumées. + Il n'est pas nécessaire d'être opérateur·ice pour gérer une de ces machines. -[Production](@/infrastructures/production.md) - Les serveurs de productions sont ceux qui font tourner les services accédés par les usager·es (eg. Plume, Matrix, Cryptpad). -Si ils sont inaccessibles, alors les services ne fonctionnent plus. Et si une personne malveillante y accède, elle peut avoir accès à des données -personnelles des usager·es. C'est donc le rôle le plus critique. +Il est des fonctions annexes (comme les sauvegardes, le développement ou la supervision) qu'il convient de ne pas héberger directement sur les ordinateurs que l'on administre : +au cas où ce seraient justement nos logiciels d'administration qui déconnent, ainsi que pour éviter que les dysfonctionnements de ces machines n'impactent les services en production. +On compte deux clusters de ce type : -[Support](@/infrastructures/support.md) - Les serveurs de support servent pour les sauvegardes et la supervision des serveurs de production (eg. Grafana, Minio). -De par leur rôle, ils participent au bon fonctionnement de la production. -Ils n'ont pas de données personnelles brutes mais les métriques collectées peuvent refléter certains comportement des usager·es -et les sauvegardes, bien qu'elles soient chiffrées, contiennent tout de même des données personnelles. +- [Support](@/infrastructures/support.md) - Les serveurs de support servent pour les sauvegardes et la supervision des serveurs de production (eg. Grafana, Minio). + Ils participent au bon fonctionnement de la production. + Ils n'ont pas de données personnelles brutes mais contiennent des métriques qui reflètent le comportement des usager·es ; ainsi que nos sauvegardes régulières, qui sont chiffrées (et donc illisibles sans la bonne clé), mais contiennent tout de même des données personnelles. +- [Développement](@/infrastructures/developpement.md) - Les serveurs de développement hébergent les outils qui nous permettent de travailler sur le logiciel, les configurations, les tickets, ou la compilation. + Ils ne contiennent pas de données personnelles mais peuvent être utilisés pour des attaques de chaîne d'approvisionnement (*supply chain attack*). + À terme, ce rôle pourrait être fusionné avec la production. -[Développement](@/infrastructures/developpement.md) - Les serveurs de développement hébergent les outils qui nous permettent de travailler sur le logiciel, -les configurations, les tickets, ou la compilation. Ils ne contiennent pas de données personnelles mais peuvent être utilisés pour -des attaques de chaîne d'approvisionnement (*supply chain attack*). À terme, ce rôle pourrait être fusionné avec la production. - -[Expérimentation](@/infrastructures/xp.md) - Les serveurs d'expérimentation servent à tester les nouvelles configurations, les nouveaux logiciels, -et le nouveau matériel. Ils permettent aux opérateur·ices de se familiariser avec leurs modifications et de minimiser l'impact d'un changement sur les serveurs de production, -et donc sur la disponibilité des services. Ces machines ne contiennent pas de données personnelles et ne sont pas critiques, elles n'ont pas besoin de rester tout le temps allumées. -Il n'est pas nécessaire d'être opérateur·ice pour gérer une de ces machines. # Zones diff --git a/content/infrastructures/reseau.md b/content/infrastructures/reseau.md index 3e38f6f..5267bc1 100644 --- a/content/infrastructures/reseau.md +++ b/content/infrastructures/reseau.md @@ -3,7 +3,7 @@ title: "Réseau" description: "Réseau" date: 2021-11-09T12:55:03.277Z dateCreated: 2021-11-09T12:55:01.156Z -weight: 30 +weight: 50 extra: parent: 'infrastructures/_index.md' --- diff --git a/content/infrastructures/services.md b/content/infrastructures/services.md index b47dfdf..7c6412f 100644 --- a/content/infrastructures/services.md +++ b/content/infrastructures/services.md @@ -1,14 +1,18 @@ --- -title: "Services" -description: "Annuaire des services hébergés chez Deuxfleurs" -weight: 10 +title: "Les logiciels" +description: "Annuaire des logiciels utilisés par Deuxfleurs" +weight: 20 extra: parent: 'infrastructures/_index.md' --- -Cette page tente de recenser de façon exhaustive l'ensemble des services qui -fonctionnent actuellement sur les machines de Deuxfleurs, dans les différents -rôles identifiés : production, développement, expérimentation, etc. +Cette page tente de recenser de façon exhaustive l'ensemble des applications qui assurent le fonctionnement de Deuxfleurs, et leurs rôles respectifs (production, support...). +On détaille les logiciels que l'on développe nous-même à [la page suivante](@/infrastructures/logiciels.md). + +> On répète que cette liste est condamnée à être obsolète, n'étant pas mise à jour à chaque modification de nos infrastructures.\ +> Si vous voulez connaître l'état du monde à l'instant _t_, équipez-vous d'une personne technicienne et allez plutôt lire notre dépôt [`nixcfg`](https://git.deuxfleurs.fr/Deuxfleurs/nixcfg) – qui décrit formellement l'état de toutes nos machines. + +C'est parti pour la liste à la Prévert : | Service | Rôle | Site | Description | | -- | -- | -- | -- | -- 2.45.2 From 953a3593f90377a806b05407834aa3056a85dc0e Mon Sep 17 00:00:00 2001 From: ADRN Date: Sun, 8 Dec 2024 15:16:03 +0100 Subject: [PATCH 16/26] feat(nav): soulignage de la section active dans la topbar --- sass/juice.scss | 9 +++++++-- templates/_macros.html | 21 ++++++++++++++------- templates/_nav.html | 15 +++++++++++---- templates/page.html | 5 ----- 4 files changed, 32 insertions(+), 18 deletions(-) diff --git a/sass/juice.scss b/sass/juice.scss index 9770ed6..0c2afe3 100644 --- a/sass/juice.scss +++ b/sass/juice.scss @@ -77,12 +77,17 @@ header ul li { } header .nav-item { - padding: 4px 2px; + padding: 8px 6px; + margin: 0 10px; color: var(--primary-text-color); &:hover, &:active, &:focus { text-decoration: none; - border-bottom: white solid 2px; + border-bottom: white solid 1px; + } + &.active { + text-decoration: none; + border-bottom: white solid 3px; } } diff --git a/templates/_macros.html b/templates/_macros.html index 8286314..63d6c98 100644 --- a/templates/_macros.html +++ b/templates/_macros.html @@ -1,25 +1,32 @@ {% macro render_header() %} -{% set section = get_section(path="_index.md") %} +{% set root_section = get_section(path="_index.md") %} +{% set active_section = "" %} +{% if page and page.components %} + {% set active_section = page.components[0] %} +{% elif section and section.components %} + {% set active_section = section.components[0] %} +{% endif %} - - + -