diff --git a/content/qui-sommes-nous.md b/content/qui-sommes-nous.md
index 7c4d058..047a36f 100644
--- a/content/qui-sommes-nous.md
+++ b/content/qui-sommes-nous.md
@@ -4,31 +4,116 @@ title = "Qui sommes-nous ?"
Librezo est un collectif décentralisé, né de la rencontre d'ami·es libristes désirant partager leur passion et leur savoir-faire dans le domaine des réseaux et du logiciel libre.
+
+
+
{{ team_box(
title = "Étienne Bouché",
place = "Melun",
subtitle = "Le Technicien engagé",
img = "poka.jpg",
- description = "Blabla"
+ description = "Administrateur système Linux depuis 10 ans, a travaillé aussi bien pour des Associations (TERA, La Ruche Qui Dit Oui, Axiom-Team) que pour de grandes entreprises (La Poste, Solucom). Développeur pour la Monnaie Libre Ğ1, fondateur historique de P2PLEGAL."
) }}
{{ team_box(
title = "Cédric Dumond",
place = "Montreuil",
subtitle = "Le comédien bidouilleur",
img = "cedric.jpg",
- description = "Blabla"
+ description = "Fondateur de Librezo, d'après une idée d'Étienne.
Comédien, auteur, gribouilleur, libriste, formateur autodidacte GNU-Linux pour la Chambre des Métiers et de l'Artisanat de la Ville de Paris. Vrai "Touche-à-tout", ne laissez rien traîner."
) }}
{{ team_box(
title = "Pascal Engélibert",
place = "Bordeaux",
subtitle = "Le bricoleur",
img = "tuxmain.jpg",
- description = "Blabla"
+ description = "Geek depuis toujours, étudiant, libriste. Développeur de ProgAccess et d'outils en tous genres. Héberge quelques sites et services variés. Amateur d'électronique."
) }}
{{ team_box(
title = "Tobias Ollive",
place = "Cambrai",
subtitle = "Le monocycliste",
img = "tobias.jpg",
- description = "Blabla"
+ description = "Ingénieur en informatique, glaneur, bidouilleur et circassien à ses heures perdues, a travaillé dans un projet de recherche pour l'accessibilité des personnes aveugles pendant 2 ans."
) }}
+{{ team_box(
+ title = "Baptiste Malet-Schalck",
+ place = "Toulouse",
+ subtitle = "Gentil informaticien",
+ img = "ethicit.jpg",
+ description = "Geek, passionné d'astronomie, aime la vie et les gens. Facilitateur informatique, auto-entrepreneur, touche-à-tout. Créateur d'EthicIT et devloprog."
+) }}
+{{ team_box(
+ title = "Jean-Jacques Brucker",
+ place = "Marseille",
+ subtitle = "01D 5CH001 H4CK3r",
+ img = "jjb.png",
+ description = "Ingénieur & libriste depuis 20 ans, a travaillé pour de grands groupes (Sagem, Phillips, Orange), mais pas que. À développé ou maintenu divers logiciels, systèmes et écosystèmes. Love bash, git, debian, OpenPGP."
+) }}
+{{ team_box(
+ title = "Mathilde Longuet",
+ place = "Toulouse",
+ subtitle = "La CyberPunk",
+ img = "mathilde.jpg",
+ description = "Ingénieure en informatique, passionnée de philosophie et politique, a travaillé dans la cybersécurité 3 ans, avant de se tourner vers le monde associatif."
+) }}
+{{ team_box(
+ title = "Francis Drubigny",
+ place = "Brignoles",
+ subtitle = "L'explorateur polymathe",
+ img = "francis-drubigny.jpg",
+ description = "Chef de projet web & digital, autodidacte, 18 ans d'expériences diverses dans le monde du web et de l'informatique. Passionné de technologies, je suis polymathe et m'intéresse à pas mal de sujets : l'informatique mais aussi le sport, la santé, l'économie, les sciences, la sociologie..."
+) }}
+{{ team_box(
+ title = "Ismaël Bouya",
+ place = "Grasse",
+ subtitle = "L’acrobate libriste",
+ img = "ismael.jpg",
+ description = "Ancien chercheur et ingénieur logiciel, circassien semi-professionnel, propose des services et formations basés sur des logiciels libres depuis plus de 10 ans."
+) }}
+{{ team_box(
+ title = "Vincent Dubois",
+ place = "Le Bar Sur Loup",
+ subtitle = "Ingénieur Multi-potentiels",
+ img = "vincent.jpg",
+ description = "Militant logiciels libres et Open Data, de nombreuses années d'animation d'ateliers logiciels libres et install-party, mais aussi de la modélisation numérique, de la cartographie, et bien d'autres choses!"
+) }}
+{{ team_box(
+ title = "Philippe Lhardy",
+ place = "Valbonne",
+ subtitle = "Ingénieur système",
+ img = "philippe.png",
+ description = "Militant logiciels libres au sein de l'association linux azur depuis de nombreuses années. A travaillé 20 ans dans le développement de solutions d'administration de sécurité réseau."
+) }}
+{{ team_box(
+ title = "Mose",
+ place = "Taïwan",
+ subtitle = "devops libriste",
+ img = "mose.jpg",
+ description = "Mose est un technicien de l'internet montpelliérain expatrié à Taiwan. Militant du libre depuis 96. Bidouilleur multitâche. Voir son site web pour plus d'info."
+) }}
+{{ team_box(
+ title = "Fabrice alias 12b",
+ place = "Cévennes",
+ subtitle = "Ingénieur système",
+ img = "fabrice.jpg",
+ description = "Fabrice est ingénieur systèmes temps réels et photographe dans le sud de la France. Passionné par les logiciels libres depuis sa tendre enfance, il s'occupe au DistriLab de l'infrastructure d'hébergement des outils libres et de la veille techologique sur les technologies distribuées."
+) }}
+{{ team_box(
+ title = "Thibaut Parent",
+ place = "Pau",
+ subtitle = "Librate éthique",
+ img = "thibaut-parent.png",
+ description = "Parhit est un mot hindi qui signifie faire preuve de bienfaisance, d'altruisme et de bienveillance envers les autres. Papa épique de deux merveilles en IEF, libriste depuis mes 20 ans, freelance web éthique depuis 2011, à la recherche de poésie, d'amour et de liberté. Souverain aujourd'hui pour demain."
+) }}
+{{ team_box(
+ title = "Pierre Kuhn",
+ place = "Roanne",
+ subtitle = "Développeur web et php",
+ img = "pierretux.png",
+ description = "Developpeur php et SPIP depuis 10 ans en autodidacte. Touche à tout mais surtout au jardin et à SPIP !"
+) }}
+
diff --git a/sass/css/team.scss b/sass/css/team.scss
index ab04a98..179d4ba 100644
--- a/sass/css/team.scss
+++ b/sass/css/team.scss
@@ -1,16 +1,42 @@
@import "defs";
+.team {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ gap: 16px
+}
+
.team_box {
+ max-width: 434px;
+}
+
+.team_box-img_wrap {
float: left;
- margin: 16px;
+}
+
+.team_box-text {
+ display: inline;
+}
+
+.team_box-text-spacer {
+ height: 32px;
}
.team_box-img {
// 70% ~= 1/sqrt(2)
mask-image: radial-gradient(circle, #000 69%, transparent 70%);
width: 160px;
+ margin-right: 16px;
+}
+
+.team_box-title {
+ font-family: Amatic;
+ font-size: 200%;
}
.team_box-subtitle {
- color: $blue;
+ font-family: Amatic;
+ font-size: 150%;
+ color: $violet;
}
diff --git a/static/img/francenum-activateur.jpg b/static/img/francenum-activateur.jpg
new file mode 100644
index 0000000..69219f6
Binary files /dev/null and b/static/img/francenum-activateur.jpg differ
diff --git a/static/img/team/fabrice.jpg b/static/img/team/fabrice.jpg
new file mode 100644
index 0000000..fcd8c14
Binary files /dev/null and b/static/img/team/fabrice.jpg differ
diff --git a/static/img/team/mose.jpg b/static/img/team/mose.jpg
new file mode 100644
index 0000000..c95dc3d
Binary files /dev/null and b/static/img/team/mose.jpg differ
diff --git a/static/img/team/philippe.png b/static/img/team/philippe.png
index 796ef3f..d0c0861 100644
Binary files a/static/img/team/philippe.png and b/static/img/team/philippe.png differ
diff --git a/static/img/team/pierretux.png b/static/img/team/pierretux.png
new file mode 100644
index 0000000..22cffaf
Binary files /dev/null and b/static/img/team/pierretux.png differ
diff --git a/templates/shortcodes/team_box.html b/templates/shortcodes/team_box.html
index 9ada3a5..ea74077 100644
--- a/templates/shortcodes/team_box.html
+++ b/templates/shortcodes/team_box.html
@@ -1,6 +1,7 @@
+
+