Equipe : revoir présentation équipe

Signed-off-by: Anthony Nelzin-Santos <anthony@nelzin.fr>

equipe.md

@@ -6,22 +6,58 @@ weight: 1
 
 Depuis notre rédaction à Lyon, les quatre coins de la France, et même le Canada, notre équipe travaille 365 jours par an pour vous fournir le meilleur de l’actualité technologique.
 
-- Christophe Laporte, directeur de la publication | <a href="https://twitter.com/iposet" class="icone-twitter" title="Le compte Twitter de Christophe"></a> | <a href="mailto:christophe@macgeneration.com" class="icone-mail" title="Contacter Christophe par courrier électronique"></a>
+<div class="team">
+<div class="flex flow">
+	<figure class="w33">
+		<img src="/christophe.png" alt="Christophe Laporte" />
+		<figcaption><b>Christophe Laporte</b><br/>Directeur de la publication<br/><a href="https://twitter.com/iposet" class="icone-twitter" title="Le compte Twitter de Christophe"></a> | <a href="mailto:christophe@macgeneration.com" class="icone-mail" title="Contacter Christophe par courrier électronique"></a></figcaption>
+	</figure>
 
-Notre équipe de journalistes :
+	<figure class="w33">
+		<img src="/florian.png" alt="Florian Innocente" />
+		<figcaption><b>Florian Innocente</b><br/>Rédacteur en chef<br/><a href="https://twitter.com/finnocente" class="icone-twitter" title="Le compte Twitter de Florian"></a> | <a href="mailto:florian@macgeneration.com" class="icone-mail" title="Contacter Florian par courrier électronique"></a> | <a href="http://web.archive.org/web/19980204015131/http://www.newsmac.com/" class="icone-web" title="Florian publiait sur le web avant que le web n’existe"></a></figcaption>
+	</figure>
 
-- Florian Innocente, rédacteur en chef | <a href="https://twitter.com/finnocente" class="icone-twitter" title="Le compte Twitter de Florian"></a> | <a href="mailto:florian@macgeneration.com" class="icone-mail" title="Contacter Florian par courrier électronique"></a> | <a href="http://web.archive.org/web/19980204015131/http://www.newsmac.com/" class="icone-web" title="Florian publiait sur le web avant que le web n’existe"></a>
-- Anthony Nelzin-Santos, rédacteur | <a href="https://twitter.com/anthonynelzin" class="icone-twitter" title="Le compte Twitter d’Anthony"></a> | <a href="mailto:anthony@macgeneration.com" class="icone-mail" title="Contacter Anthony par courrier électronique"></a> | <a href="https://anthony.nelzin.fr" class="icone-web" title="Le site web d’Anthony"></a>
-- Nicolas Furno, rédacteur | <a href="https://twitter.com/nicolasfurno" class="icone-twitter" title="Le compte Twitter de Nicolas"></a> | <a href="mailto:nicolas@macgeneration.com" class="icone-mail" title="Contacter Nicolas par courrier électronique"></a> | <a href="https://voiretmanger.fr/" class="icone-web" title="Le site web de Nicolas"></a>
-- Stéphane Moussie, rédacteur | <a href="https://twitter.com/stephmouss" class="icone-twitter" title="Le compte Twitter de Stéphane"></a> | <a href="mailto:stephane@macgeneration.com" class="icone-mail" title="Contacter Stéphane par courrier électronique"></a>
-- Mickaël Bazoge, rédacteur | <a href="https://twitter.com/iMikeWeb" class="icone-twitter" title="Le compte Twitter de Mickaël"></a> | <a href="mailto:mickael@macgeneration.com" class="icone-mail" title="Contacter Mickäel par courrier électronique"></a>
-</ul>
+	<figure class="w33">
+		<img src="/anthony.png" />
+		<figcaption><b>Anthony Nelzin-Santos</b><br/>Rédacteur<br/><a href="https://twitter.com/anthonynelzin" class="icone-twitter" title="Le compte Twitter d’Anthony"></a> | <a href="mailto:anthony@macgeneration.com" class="icone-mail" title="Contacter Anthony par courrier électronique"></a> | <a href="https://anthony.nelzin.fr" class="icone-web" title="Le site web d’Anthony"></a></figcaption>
+	</figure>
+</div>
 
-<p>Notre équipe de développeurs : </p>
+<div class="flex flow">
+	<figure class="w33">
+		<img src="/nicolas.png" />
+		<figcaption><b>Nicolas Furno</b><br/>Rédacteur<br/><a href="https://twitter.com/nicolasfurno" class="icone-twitter" title="Le compte Twitter de Nicolas"></a> | <a href="mailto:nicolas@macgeneration.com" class="icone-mail" title="Contacter Nicolas par courrier électronique"></a> | <a href="https://voiretmanger.fr/" class="icone-web" title="Le site web de Nicolas"></a></figcaption>
+	</figure>
 
-- Cédric Poingt, développeur web | <a href="https://twitter.com/cpoingt" class="icone-twitter" title="Le compte Twitter de Cédric"></a> | <a href="mailto:cedric@macgeneration.com" class="icone-mail" title="Contacter Cédric par courrier électronique"></a>
-- Rémi Lepine, développeur web en alternance | <a href="https://twitter.com/remilepine" class="icone-twitter" title="Le compte Twitter de Rémi"></a> | <a href="mailto:remi@macgeneration.com" class="icone-mail" title="Contacter Rémi par courrier électronique"></a>
-- Laurent Humbert, développeur iOS et macOS | <a href="https://twitter.com/laurentguinness" class="icone-twitter" title="Le compte Twitter de Laurent"></a> | <a href="mailto:laurent@macgeneration.com" class="icone-mail" title="Contacter Laurent par courrier électronique"></a>
+	<figure class="w33">
+		<img src="/cedric.png" />
+		<figcaption><b>Cédric Poingt</b><br/>Développeur web<br/><a href="https://twitter.com/cpoingt" class="icone-twitter" title="Le compte Twitter de Cédric"></a> | <a href="mailto:cedric@macgeneration.com" class="icone-mail" title="Contacter Cédric par courrier électronique"></a></figcaption>
+	</figure>
+
+	<figure class="w33">
+		<img src="/stephane.png" />
+		<figcaption><b>Stéphane Moussie</b><br/>Rédacteur<br/><a href="https://twitter.com/stephmouss" class="icone-twitter" title="Le compte Twitter de Stéphane"></a> | <a href="mailto:stephane@macgeneration.com" class="icone-mail" title="Contacter Stéphane par courrier électronique"></a></figcaption>
+	</figure>
+</div>
+
+<div class="flex flow">
+	<figure class="w33">
+		<img src="/mickael.png" />
+		<figcaption><b>Mickaël Bazoge</b><br/>Rédacteur<br/><a href="https://twitter.com/iMikeWeb" class="icone-twitter" title="Le compte Twitter de Mickaël"></a> | <a href="mailto:mickael@macgeneration.com" class="icone-mail" title="Contacter Mickäel par courrier électronique"></a></figcaption>
+	</figure>
+
+	<figure class="w33">
+		<img src="/laurent.png" />
+		<figcaption><b>Laurent Humbert</b><br/>Développeur iOS<br/><a href="https://twitter.com/laurentguinness" class="icone-twitter" title="Le compte Twitter de Laurent"></a> | <a href="mailto:laurent@macgeneration.com" class="icone-mail" title="Contacter Laurent par courrier électronique"></a></figcaption>
+	</figure>
+
+	<figure class="w33">
+		<img src="/remi.png" />
+		<figcaption><b>Rémi Lepine</b><br/>Développeur web en alternance<br/><a href="https://twitter.com/remilepine" class="icone-twitter" title="Le compte Twitter de Rémi"></a> | <a href="mailto:remi@macgeneration.com" class="icone-mail" title="Contacter Rémi par courrier électronique"></a></figcaption>
+	</figure>
+</div>
+</div>
 
 Ils ont aidé MacGeneration à devenir ce qu’il est aujourd’hui :