Completed team

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.
 
+<div style="text-align: center; margin-bottom: 32px;">
+	<a href="https://www.francenum.gouv.fr/activateurs/librezo">
+		<img alt="Activateur France Num" src="/img/francenum-activateur.jpg" style="width: 128px;"/>
+	</a>
+</div>
+
+<div class="team">
 {{ 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 <strong>P2PLEGAL</strong>."
 ) }}
 {{ team_box(
 	title = "Cédric Dumond",
 	place = "Montreuil",
 	subtitle = "Le comédien bidouilleur",
 	img = "cedric.jpg",
-	description = "Blabla"
+	description = "Fondateur de <strong>Librezo</strong>, d'après une idée d'Étienne.<br/>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 &quot;Touche-à-tout&quot;, 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&nbsp;: 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&#8239;!"
+) }}
+</div>

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;
 }

templates/shortcodes/team_box.html

@@ -1,6 +1,7 @@
 <div class="team_box">
-	<a class="team_box-link">
-		<div class="team_box-img_wrap"><img class="team_box-img" src="/img/team/{{img|safe}}" alt="{{title}}" aria-hidden/></div>
+	<div class="team_box-img_wrap"><img class="team_box-img" src="/img/team/{{img|safe}}" alt="{{title}}" aria-hidden/></div>
+	<div class="team_box-text">
+		<div class="team_box-text-spacer"></div>
 		<span class="team_box-title">{{title|safe}}</span>
 		{% if place %}
 			<span class="team_box-place">{{place|safe}}</span>
@@ -13,5 +14,5 @@
 			<br/>
 			<span class="team_box-description">{{description|safe}}</span>
 		{% endif %}
-	</a>
+	</div>
 </div>