47 lines
2.9 KiB
JavaScript
47 lines
2.9 KiB
JavaScript
import React from 'react';
|
|
import PageHeader from '../components/PageHeader';
|
|
|
|
const PRINCIPES = [
|
|
['Outil de service', "L'application soutient les tâches du groupe. Elle ne remplace jamais la conscience de groupe, les réunions, ni les décisions prises par les membres."],
|
|
['Autonomie du groupe', "Chaque groupe demeure responsable de ses données, de ses usages, de ses décisions et de ses comptes rendus."],
|
|
['Limites du service', "Le soutien technique est offert au meilleur effort. Aucune disponibilité continue ou intervention d'urgence n'est promise."],
|
|
['Reprise sur papier', "Les rencontres, assemblées, rapports et décisions doivent pouvoir continuer même si l'informatique devient indisponible."],
|
|
['Sobriété des données', "On conserve seulement les renseignements utiles au fonctionnement du groupe et à la continuité de son historique."],
|
|
['Transparence', "Le journal sert à comprendre les changements, corriger les erreurs et protéger l'historique. Il ne doit pas servir à surveiller les membres."],
|
|
['Pouvoirs visibles', "Les accès viennent des postes occupés. Les actions sensibles doivent rester explicables au groupe."],
|
|
['Participation libre', "L'application ne doit jamais devenir nécessaire pour assister à une réunion, participer au groupe ou demander de l'aide."],
|
|
['Frais éventuels', "S'il y a contribution financière, elle sert à couvrir l'hébergement, les sauvegardes et l'entretien minimal."],
|
|
];
|
|
|
|
export default function PrincipesUtilisation() {
|
|
return (
|
|
<div className="min-h-screen bg-gray-100">
|
|
<PageHeader titre="Charte d'utilisation" sousTitre="Outil de service et limites" />
|
|
<div className="p-4 space-y-4">
|
|
<div className="bg-white rounded-2xl p-4 shadow-sm">
|
|
<p className="text-sm text-gray-700 leading-relaxed">
|
|
Cette application est offerte comme outil de service. Elle aide à alléger les tâches, préserver l'historique et soutenir la transparence.
|
|
Elle ne gouverne pas le groupe. Les décisions demeurent prises par les membres, selon les pratiques du groupe.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="space-y-2">
|
|
{PRINCIPES.map(([titre, texte]) => (
|
|
<div key={titre} className="bg-white rounded-2xl p-4 shadow-sm">
|
|
<p className="font-bold text-gray-800">{titre}</p>
|
|
<p className="text-sm text-gray-600 mt-1 leading-relaxed">{texte}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
|
|
<div className="bg-blue-50 border border-blue-100 rounded-2xl p-4">
|
|
<p className="font-bold text-aa-blue">Acceptation</p>
|
|
<p className="text-sm text-blue-900 mt-1 leading-relaxed">
|
|
Utiliser l'application implique d'accepter ces principes. Une fonctionnalité est saine si elle augmente
|
|
la capacité du groupe à se servir lui-même. Elle devient fragile si elle augmente surtout le contrôle sur les membres.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|