feature: page qui vient

_data/participants.csv

@@ -0,0 +1,37 @@
+lastname,forname,twitter,public
+LAGNEAU,Clément,,X
+REIGNAULT,Carine,@CarineReignault,X
+LAXALDE,DENIS,,X
+AMARGER,FABIEN,@Murloc6,X
+FRAIOLI,Laetitia,,X
+GAUMONT,Noé,,X
+POINTEAU,Gaspard,Gaspard_PO,X
+MATHAUD,Loïc,@loicmathaud,X
+GUEUX-LAC,Sébastien,@n00yox,X
+GOURRAUD,Anthony,@AnthonyGourraud,X
+BARBIER,Guillaume,GyombGraphics,X
+DIMASSI,LAILATI,,X
+COMET,Marie,@CometMarie,X
+FOREST,Thomas,@Phil_Goud,X
+BENINCA,Flavien,@ozee_31,X
+EUTROPE,Valentin,,X
+SPESSOTTO,Eva,@EvaSpessotto,X
+HAAGE,Mathieu,@imhaage,X
+DEFFONTAINE,Mickaël,@laborouge,X
+ROBILLARD,Christophe,@krichtof,X
+MARMIESSE,Vincent,vmarmiesse,X
+MOYSE,Thomas,t8g,X
+SASSELLA,claire,@usine_creative,X
+MEKKID,Amine,,X
+PELLEGRINO,Lucas,,X
+LAMAMY,Bastien,,X
+MARTINEZ,Frédéric,FredMartinez,X
+ZULAUF,Etienne,@MrZoule,X
+MARTIN,Pierre,@pierremartin,X
+PRADET,Julien,JulienPradet,X
+ZANIBELLI,Matéo,_Mateba,X
+LOUIS-ROSSIGNOL,Adrien,AdrienLoRo,X
+CHAMBRIER,Nicolas,naholyr,X
+BLAYO,Philippe,@pblayo,X
+RONSAUT,Alexandre,@alexronsaut,X
+TREGAN,Fabien,@ftregan,X

_speakers/jude-piccardi.md

@@ -1,7 +1,7 @@
 ---
 speaker:
   - Jude Piccardi
-image: jude-piccardi.jpeg
+image: jude-piccardi.jpg
 job: Apprenti développeur, Capgemini
 published: true
 fr_FR:

pages/fr/index.html

@@ -33,7 +33,7 @@ <h1>Prochaine édition les 24 et 25 mai à Toulouse&nbsp;!</h1>
 {% include map.html %}
 
 <section id="speakers" class="section">
-  <div class="wrapper"> <a class="sr-only" src="#conferences">Aller directement au programme détaillé</a>
+  <div class="wrapper">
     <h2 class="text-center">Les intervenant<span aria-hidden="true">·e·</span>s 2019&nbsp;</h2>
     <div class="grid-2">
     {% for speaker in site.speakers reversed %}
@@ -52,9 +52,14 @@ <h3 class="conference-speaker-name">
     {% endfor %}
     </div>
     <p class="text-center">
-      <a class="button" data-text="Consultez le programme" href="{{ '/programme' | relative_url }}" title="Consulter le programme">
-        <span class="button-inner">Consultez le programme</span>
+      <a class="button" data-text="Consultez le programme" href="{{ '/qui-vient-sudweb' | relative_url }}" title="Consulter le programme">
+        <span class="button-inner">Consultez le programme complet</span>
+      </a>
+      <a class="button" data-text="Voir les personnes déjà inscrites" href="{{ '/programme' | relative_url }}" title="Voir les personnes déjà inscrites">
+        <span class="button-inner">Voir les personnes déjà inscrites</span>
       </a>
+
+
     </p>
   </div>
 </section>

pages/fr/qui-vient-sudweb.md

@@ -0,0 +1,47 @@
+---
+title: Qui vient à Sud Web 2019 ?
+description: "Aperçu des participants de l’édition de Sud Web 2019"
+permalink: /qui-vient-sudweb/
+---
+{% assign min = 1 %}
+{% assign max = 16 %}
+{% assign diff = max | minus: min %}
+<section class="section">
+  <div class="wrapper">
+  <h1>{{ page.title }}</h1>
+  <p>il·elle·s seront avec nous à Sudweb 2019 Toulouse. Plus on est de fous, plus on rit. Venez rire avec nous !</p>
+  <div class="grid-2">
+  {% for participants in site.data.participants %}
+    {% assign randomNumber = "now" | date: "%N" | modulo: diff | plus: min %}
+    {% if participants.public %}
+    <div>
+    {% if participants.twitter %}
+    <figure class="conference-speaker-pic">
+      <a title="Aller directement à l’intervention de {{ speaker.title }}" href="{{ speaker.url | relative_url }}">
+      <img
+          src="https://twitter.com/{{ participants.twitter }}/profile_image?size=mini"
+          data-src="https://twitter.com/{{ participants.twitter }}/profile_image?size=bigger" class="person-avatar lozad fade"
+          alt="{{ participants.forname }} - {{ participants.lastname }}" width="100" height="100">
+      </a>
+    </figure>
+    {% else %}
+    <figure class="conference-speaker-pic">
+      <a title="Aller directement à l’intervention de {{ speaker.title }}" href="{{ speaker.url | relative_url }}">
+      <img
+          data-src="/2019/assets/images/merci/anonymous/{{ randomNumber }}.svg" class="person-avatar lozad fade"
+          alt="{{ participants.forname }} - {{ participants.lastname }}" width="100" height="100">
+      </a>
+    </figure>
+    {% endif %}
+    <h3 class="conference-speaker-name" style="margin-bottom: 0.5em;">
+        <a href="https://twitter.com/{{ participants.twitter }}">{{ participants.forname }} {{ participants.lastname }}</a><br>
+        {% if participants.twitter %}<span class="text-xs">{{ participants.twitter }}</span>{% endif %}
+      </h3>
+    </div>
+    {% endif %}
+  {% endfor %}
+  </div>
+  </div>
+</section>
+
+<hr class="wrapper">