récapitulatif de meeting
Visuels
Référence sites internet
Liens
Liens de réfs graphiques
Ensemble des sites évoqués pour la créa:
- Réf de site 2 colonnes sur ordi et 1 colonne sur tel → https://postdigitalgraphicdesign.com/introduction
- Là on a une super réf je trouve, que ce soit en terme de présentation des tableaux, de gestion de l'image et de la couleur → https://dca-art.com/carte-du-reseau
- https://concorde-a-u.com/
- https://cwb.fr/agenda
- https://f451.ams3.cdn.digitaloceanspaces.com/projects/archive-grafling/4-video-desktop.mp4/4-video-desktop.mp4
- https://clubcollecte.fr/
Meeting intermédiaire
Tableaux, récap et début de maquette
2025/11/27
avec Adrià, Clara, Esther, Guilhem, Milène
Ce petit point intermédiaire nous permis de parler :
- des tableaux de curation passés sur Cryptpad (et de sa charte de remplissage associée)
- du présent document de récap
- des premières volontés pour la maquette.
Tableaux
Rien de nouveau, tout le monde a commencé à y toucher.
Bien veiller à suivre les infos de remplissage.
Esther a des problèmes d'accès (en cours de réglage).
Récap
Je vais revoir pourquoi les images ne s'affichent pas + pourquoi l'accès au panel n'est pas possible.
Maquette
On a commencé à parlé de la maquette.
Comment rendre compte sous forme de tableau ?
Couleurs, images ? (cf png 16 couleurs, ou outils : https://doodad.dev/dither-me-this/)
Faire un truc qui soit pas trop austère mais pas trop dans tous les sens non plus.
(quand même priorisé la lisibilité et l'accessibilité).
Pour le système de double colonnes (ou triple ou quadruples), plusieurs questionnements notamment :
- Est-ce que après plus d'une ouverture on repasse la colonne à gauche (et on fait un gauche droite permanent)
- Est-ce que après plus d'une ouverture, la colonne de droite "slide" à gauche et la nouvelle colonne s'ouvre à droite
- Est-ce qu'on garde un historique de notre navigation avec un système d'onglets très réduits à gauche ?
Il faudra qu'on profite de la prochaine réunion pour se montrer des références et des recherches car nous n'avons pas tous la même définition de austère / suisse / radical / accessible. C'est vraiment en avançant sur les esquisses à partir de références communes qu'on va avancer sur le sujet
Note
Charte d'utilisation des tableurs
Les tableaux à remplir sont désormais sur Cryptpad.
Cette plateforme nous permettra de mettre à jour les tableaux de façon synchronisée.
Voici quelques règles et infos pour le remplissage.
Global
- Tous les tableaux sont sur un même document mais sur une feuille différentes
- À ce jour (novembre 2025) il existe les tableaux suivants :
Acteurs - Schools / Acteurs - People (individuelles) / Acteurs - Initiatives / Écrits / Évènements / Lexique / Licences / Outils - Dans chaque tableau il y a deux colonnes ADMIN tout à droite
- STATUT: Si il est écrit "À VÉRIFIER", c'est que personne n'a vérifié la ligne. Pour indiquer qu'elle est vérifiée, écrire "OK" (mise à jour de la couleur automatique).
- COMMENTAIRE: colonne facultative pour échanger avec les autres si il y a un doute.
- Si une case doit être vide (parce que l'info n'existe pas, parce exemple quelqu'un n'a pas de site), ne pas laisser vide mais mettre "*". Pour l'instant j'avais rempli avec un tiret: à vérifier et à remplacer par un astérisque. Si une case est vide c'est qu'elle n'est pas vérifiée.
- Pendant un temps je mettais un triangle devant une info lorsqu'il y en avait plusieurs dans une case. Gardons ce principe pour l'instant.
- Les header de tableau qui ont un astérisque sont à remplir obligatoirement.
- Attention partout bien vérifier les infos mais aussi les url vers lesquels pointent les liens.
École
- J'ai déjà vérifié le tableau, tout est bon. Par contre j'ai ajouté la colonne DESCRIPTION après coup, il faut donc la remplir pour toutes.
Évènements
- J'ai ajouté la colonne PAYS après coup, il faut donc la remplir pour tous.
Écrits
- Si une ligne est jaune c’est parce quelle renvoie vers un site référent beaucoup d’autre écrits. En gris en dessous ce sont des textes sélectionnés parmi ces sites.
Note
Motto / Raison d'être
Copyleft est un.e / initiative (?) / projet / collectif qui souhaite faciliter l'accès au graphisme libre. Aujourd'hui, il prend la forme d'un site internet regroupant un ensemble de ressources sur le graphisme libre.
Meeting n°3
Arborescence, mantra, évolution de la curation
2025/11/12
avec Adrià, Clara, Euji, Guilhem, Milène
Ordre du jour
- Discussion globale sur le site + PPP (PrePostPrint) → Martin sera avec nous
- Contenu/curation
- Tableaux
- Trouver un moyen de signifier quand un contenu a été vérifié
- Nous devons utiliser une autre méthode il me semble (Milène) → quelque chose de + synchrone qui évite d'écraser les fichiers
- Ajouter / supprimer les colonnes (cf arborescence)
- Définition du projet en quelques mots
- Architecture
- CR de la réunion intermédiaire
- Début de l'arborescence → partage + discussion
- Premières discussions graphiques
1) Discussion globale sur le site + PPP
PrePostPrint vont prochainement refaire leur site (et notamment la partie "Ressource) https://prepostprint.org/resources/
Possibilité de croiser les initiatives
Milène est aussi dans médiation PPP → Mutualiser la base de données avec PrePostPrint car même volonté et même principe
Si non, Milène se demande sur laquelle rester
Positionnement Copyleft / PPP :
- totalement différent de PPP (mettre en avant la différence, la volonté de rendre accessible)
- "sous l'égide de" PPP (travailler en collab avec PPP, mettre en lien les savoirs et savoir-faire)
Adria : Est-ce que la partie ressources de PPP pourrait se détacher pour devenir Copyleft ?
Outil utilisé W / Média Wiki (Attention aux spams publicitaires). Conseil : pas d'archi type "wiki" car spam bots ;/
Martin : Faire exister les deux, la partie ressource de PPP pourrait devenir simplement un lien vers Copyleft
Milène : Ne rien héberger sur le site quasiment, simplement une base de données et d'hyperliens
2) Curation
Passage de Github vers Cryptpad pour travailler de façon synchronisée sur les tableaux, sans avoir le risque d'avoir de conflits
- Faire un set de règles pour le remplissage et ajouter une colonne "vérifié par qq1" dans le tableau pour éviter les doubles vérifs
- Pour les outils pas forcément en lien direct avec le graphisme
- catégoriser? il faut les dissocier
- catégorie "usuel"
- écosystème + global (constellation autour des outils de graphisme)
- au lieu de catégories graphisme et pas graphisme, peut-être plus précises : partage de fichier / mise en page WYSIWYG / …
3) Définition du projet en quelques mots
Copyleft est un.e / initiative (?) / projet / collectif qui souhaite faciliter l'accès au graphisme libre.
Aujourd'hui, il prend la forme d'un site internet regroupant un ensemble de ressources sur le graphisme libre.
4) Architecture
Outil
CMS : ProcessWire
Coder en html puis passer en php
Arborescence
Une image de l'arborescence a été générée sur Penpot. Elle sera mise à jour pour la prochaine fois.
Page Évènements :
- "à venir" ou bien "archive avec documentation"
- → coder la gestion de la date dans le CMS qui permet de changer en temps réel
- → afficher dans catégorie à venir ou passé
Page d'accueil : suggestion "le prochain évènement" éphéméride
5) Graphisme
- Réf de site 2 colonnes sur ordi et 1 colonne sur tel → https://postdigitalgraphicdesign.com/introduction
- On va utiliser une typographie inclusive, soit déjà soit Clara peut "l'inclusiviser"
Prochains RDV :
jeudi 27 novembre 18h : 30min point travail/avancée
Objectifs : que chacun.e aie fait une entrée dans les tableaux curation + bonus recherches graphisme pour commencer à dégrossir
Visuels
Arborescence
Meeting intermédiaire
Architecture
2025/10/30
avec Euji, Guilhem, Milène
Récap d'Euji suite à la réunion.
Il a été décidé d'utiliser un CMS, a priori processwire qui est libre (dans la mesure où il n'y a pas d'opposition particulière)
L'avantage serait de pouvoir alimenter le site avec des formulaires et un login/mot de passe plutôt que de passer par des choses plus complexes à alimenter (type git/ligne de commande/site à générer à chaque fois, etc).
En terme de pérennité ça nous semble plus sage.
Concernant la suite, nous proposons les étapes suivantes :
- Définition collective de l'arborescence du site, par exemple avec l'outil penpot (à faire lors de la prochaine réunion). Idéalement, pour chaque type de page, définir les informations qui seront à afficher.
- Création d'une maquette en html avec tous les éléments nécessaires, sémantisés et avec les éventuelles classes et id (équipe archi à partir de l'arborescence/équipe identité visuelle ?)
- Démarrage de la feuille de style css + évetuelles modifs de la maquette html si il y a des choses qui doivent bouger (équipe identité visuelle)
- Mise en place du CMS, création des templates PHP, ajout des feuilles de style, etc etc (équipe archi)
- À terme, alimentation du site, déploiement et tutti quanti
Ça reste discutable en terme d'orga évidemment, c'est surtout une façon de placer les étapes les unes après les autres de façon à ne pas s'emmêler les pinceaux et se retrouver avec un élément manquant à un moment.
Ça n'a pas été discuté en réunion mais je me permet de rajouter qu'au besoin on devrait pouvoir échanger sur l'écriture de/des feuilles de style. Je ne sais pas comment va s'organiser l'équipe identité visuelle mais si jamais vous ne mettez pas trop les mains dans le code ça sera sûrement possible de faire des aller retour entre les deux équipes ? En tout cas de mon côté je suis ok pour donner des coups de mains sur le css"
Suite de l'organisation dans le meeting intermédiaire 2025/10/30.
Liens
Liens utiles d'organisation
Ensemble de liens permettant de s'organiser / communiquer / accéder aux infos
- Framapad pour le prise de note : https://mensuel.framapad.org/p/copyleft-agp3?lang=fr
- Github pour archive : https://github.com/milenelaforge/copyleft
- Arborescence (lien d'invitation)
- Cryptpad (clé publique pour accéder au profil de Milène) : https://cryptpad.fr/profile/#/2/profile/view/qd7-ouhRN97B2l4WLmkwEp449KsUpMWSTamudNM7gO4/
Les conversations et meetings se font sur Matrix Element sauf quand il y a un invité extérieur nous utilisons Jitsi Meet.
Meeting n°2
Outils, répartition, traduction
2025/10/15
avec Adrià, Clara, Esther, Guilhem, Milène
Ordre du jour
- Outils d'échanges (Matrix / Github)
- Langue du site
- Architecture du site
- Outils pour la curation (formatage des fichiers)
- Temporalité du projet
- Graphisme / DA
- Admin : structure de Copyleft
1) Outils d'échanges
- Matrix : lieu d'échange, dépôt de réfs, etc. /!\ Soucis de notifications push avec Element
- Github : archivage, ordre du jour, code
2) Langue du site
Bilingue ?
Guilhem : importance de la multiplicité des langues pour l'accessibilité
Esther : français ++ pour la clarté
Adrià : français très important, porte d'entrée
Deux possibilités de travail :
- les gens qui s'occupent de la curation s'occupent de la traduction
- une paire de personnes s'occupent de traduire
Question du contenu :
- Est-ce qu'on le traduit ou non ? Vu qu'on prend éventuellement la position de "simples" relayeur·euses.
- Avoir une information en deux temps
- Premier temps = texte du collectif (par exemple) / Deuxième temps = harmonisation par l'équipe copyleft
- (risque de ne pas bien expliquer -> solution = prévenir chaque structure qu'elle est ajoutée sur Copyleft, lui proposer de corriger les erreurs)
Avoir du contenu "pending" dans un premier temps, puis "validé après contact avec une personne dans un second temps ? (proposition 1)
Avoir une mention "validé par l'auteur·ice" (proposition 2)
Sur la traduction :
- Pas de traduction des titres / nom des events, productions…
- Mention (ou renseignement) des titres alternatifs pour le référencement et les recherches
Question de la traduction du tag (screenprinting vs sérigraphie)
Le site sera en Français et en anglais dans un premier temps. Laisser la possibilité (à nous / à d'autres) d'ajouter des langues dans le futur.
3) Architecture
Euji : architecte en chef ?
Guilhem & Milène : petites mains, coup de main déploiement
Nous prévoyons une future réunion intermédiaire pour faire un point à trois avec Euji, Guilhem et Milène.
Est-ce qu'on fait une maquette :
- Premier échange : défricher les possibles avec Euji
- Deuxième échange : faire un chemin de fer
- Troisième échange : retour sur chemin de fer / modification / début maquette ?
4) Curation
Important de mettre les ressources / collectifs qui ne sont plus d'actu / en activité
Pour la prochaine fois: convertir les tables en libre office calc et les déposer sur github
5) Temporalité du projet
Envie de finalité rough : mars 2026 (c'est un peu audacieux non ? quoique, une fois qu'on s'y sera mit ça ira vite)
Finalité propre : juillet 2026
Temporalité du projet : objectif mise en ligne propre juillet 2026.
6) Graphisme / DA
Premières propositions :
- Un site monochrome ou noir et blanc
- Typos changeantes (libres)
Tout est "up in the air", rien n'est dans le marbre, n'hésitez pas à bricoler des choses, en essayer d'autres !
7) Admin
- Quelle structure pour Copyleft : asso / coopérative / groupement ?
- Quelle licence pour Copyleft ?
Meeting n°1
Rencontre préliminaire
2025/10/09
avec Adrià, Euji, Esther, Guilhem, Milène
La team
Milène [https://milenelaforge.com/]
- Paris et tout, Freelance (culture & luxe (oof)), Web et Libre !
- La convivialité (cf. Ivan Illich ?) dans le graphisme ?
- Instigatrice de COPYLEFT (projet de diplôme) en 2021
Euji [https://emma-jade.fr/]
- DSAA --> création d'une interface (webtoprint)
- M2 ENS recherche en design
- Thèse en informatique (interaction homme-machine)
- Quid de l'accessibilité des outils, changer les paradigmes, s'écarter du code apparent
Guilhem [@arca.glhm / https://guilhempujol.fr]
- Toulouse (Arènes) et Beaux Arts de Pau, PPP, Julien Bidoret
- Béton Brique (zine, projet diplôme)
- Freelance, bricole, détournement, pas de côté
Adrià
- Toulouse (Arènes & ISDAT)
- Travaille avec des softs libres uniquement (gg)
- Récolte des outils comme des Pokémons
Esther
- Paris (ENSAAMA) - en cours
- Intriguée par le libre et web2print
Clara [https://www.clarabougon.ovh/]
- Paris (ENSAAMA)
- La Cambre : typo
- Buffet à volonté (zine sur du libre) cf https://www.clarabougon.ovh/buffet_a_volonte.html
- "Bullshit Jobs"
Copyleft
1. Qu'est-ce que c'est ?
- plateforme, site (?), base de données en ligne, espace de référencement des outils
- txt, hyperliens
- différenciation de PPP, Velvetyne & co : marquer la différence entre libre & gratuit (tourné vers les étudiant·es et non-initié·es)
- outils, écrits, listes d'acteur·ices (écoles, personnes...)
- créer une vraie toile du graphisme libre, en entre-connectant acteur·ices, initiatives, outils, techniques …)
- v'la les google sheets REEEEMPLIS par Milène
2. Comment est-ce que c'est ?
- chercher le pratique (ne pas ré-écrire du code à chaque ajout)
- MkDocs + GitHub Pages
- réf d'Euji d'un imprimeur du côté de Luse https://harrystudio.com/
3. Pistes de choses à faire :
1er temps
- Corriger/remplir les tableaux (pas encore de tableaux sur les exemples de projet)
- Potentielle identité visuelle
- Architecture du site
2nd temps
- Réfléchir les déclinaisons
4. Quels autres moyens de diffusion ?
- Chercher les plateformes des non-initiés : TikTok / Instagram / YouTube / Podcast (cf. Graphic Matter) / Newsletter mail ? /
- Investir d'autres mediums (zines, micro-éditions, )
- Lancer des initiatives (workshops, conférences, ateliers, initiations dans les écoles, collèges, lycées, B-A)
- Idées workshop : sprints, co-rédaction wiki, mini-résidences,
5. Quel moyens de travail partagé ?
- dangers du site ouvert (infos fausses, manque de curation, bots)
- équipes de maintenance (renouvelables) ? (comme PPP)
Divers
- importance de date chaque ajout / édition d'une page
- est-ce qu'on archive ?
- pour les éditions W2P
- dates récurrentes pour les réunions (ie. tous les 1er mercredi du mois)
Questions de l'hébergement
Volonté de garder le site léger
- importance d'avoir une image associée pour servir de démonstration et de rappel mental
- si on héberge pas nous même, attention aux liens morts