@for(publication of publications$ | async; track publication) {
    <a [routerLink]="['/publications/' + publication.id]" class="publication">
        <img src="/api/pictures/{{ publication.illustrationId }}"/>
        <div class="body">
            <h1>{{publication.title}}</h1>
            <h2>{{publication.description}}</h2>
        </div>
        <div class="footer">
            <img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
            Publication posted by {{publication.author.name}}
            <span class="publication-date">
                ({{ publication.creationDate | date: 'short' : 'fr-Fr' }})
            </span>
        </div>
    </a>
}