dev-epau.archi.fr/user/themes/epau-antimatter/templates/modular/personnes.html.twig

<div class="equipe {{ page.header.class}}">
    {{ content|raw }}



    {% for personne in page.header.personnes %}
      <!-- {{ dump(personne) }} -->
      <div class="personne">
        <div class="mozaique">
            <div class="photo">
              {% if personne.portrait %}
                <img src="{{page.media[personne.portrait].url|e }}" alt="photo 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 class="modal">
                	<div class="mask">
                  	<div class="container">
                  		<div class="message">
                        {% if personne.biographie %}
                        <p>{{ personne.biographie|markdown }} </p>
                        {% endif %}

                      </div>
                  		<a href="#" class="close">&times;</a>
                    </div>

                  </div>
              	</div>
            </div>


        </div>


      </div>

    {% endfor %}



</div>