Projet

Général

Profil

Development #58367 » tiles-actus-small.html

Thomas Jund, 13 décembre 2021 15:34

 
1
<!--
2
    Tiles actu small
3
    Image + titre
4
    exemple: "En direct du conseil"
5
-->
6

    
7
<h2>{{ cell.title }}</h2>
8

    
9
<ul class="actus-small--list tiles--list">
10
    {% for fiche in json.data %}
11
    <li class="actus-small--item tiles--item">
12
        <a
13
            class="tile tile-actu tile-actu-small"
14
            href="
15
                {% if fiche.fields.typecontenu_raw == 'externe' %}
16
                    {{ fiche.fields.urldetail }}
17
                {% else %}
18
                    {{ portal_url }}detail-tuile/{{ fiche.id }}/
19
                {% endif %}"
20
            >
21
            <picture class="tile--picture">
22
                <img class="tile--img" src="{% make_public_url url=fiche.fields.image.url %}"/>
23
            </picture>
24

    
25
            <div class="tile--body">
26
                <h3 class="tile--title">{{ fiche.fields.titre }}</h3>
27
            </div>
28
        </a>
29
    </li>
30
    {% endfor %}
31
</ul>
32
<p class="tiles--btn">
33
    <a href="{{ portal_url }}test-actualites/toutes-les-actualites/" class="button-right-arrow">Voir toutes actualités</a>
34
</p>