@for (publication of publications(); track publication.id) {
  <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"/>
      <span i18n>Publication posted by {{ publication.author.name }}</span>
      <span class="publication-date">
                ({{ publication.creationDate | date: 'short' }})
            </span>
    </div>
  </a>
}