46 lines
1.2 KiB
Twig
46 lines
1.2 KiB
Twig
<div class="mozaique_personnes {{ page.header.class}}">
|
|
{{ content|raw }}
|
|
|
|
{% for personne in page.header.personnes %}
|
|
|
|
<div class="personne">
|
|
<div class="mozaique">
|
|
<div class="portait">
|
|
{% if personne.portrait %}
|
|
<img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
|
|
{% endif %}
|
|
</div>
|
|
<div class="info">
|
|
{% if personne.nom %}
|
|
<h5>{{ personne.nom }}</h5>
|
|
{% endif %}
|
|
{% if personne.fonction %}
|
|
<h6>{{ personne.fonction }}</h6>
|
|
{% endif %}
|
|
<button class="bouton">Voir biographie</button>
|
|
|
|
</div>
|
|
<div id="modal">
|
|
<div class="mask">
|
|
<div class="container">
|
|
<div class="message">
|
|
{% if personne.biographie %}
|
|
<p>{{ personne.biographie|markdown }}</p>
|
|
{% endif %}
|
|
</div>
|
|
<a href="#" class="close">×</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|