<p-card>
  <img src="data:image/jpeg;base64,{{ illustration }}"/>
  <div class="content">
    <h2>{{ title }}</h2>
    <span>{{ category }}</span>
    <em>Publié le {{ date | date : "dd/MM/yyyy à HH:mm" }}</em>
    <span class="desc">{{ description }}</span>
    <p-button routerLink="post/{{ postId }}" >Lire la suite</p-button>
    <a routerLink="/profile/{{ authorId }}" class="user-profile">
      @if (authorProfilePicture) {
        <p-avatar image="data:image/jpeg;base64,{{ authorProfilePicture }}" shape="circle" styleClass="mr-2"
                  size="xlarge"></p-avatar>
      } @else {
        <p-avatar label="{{ username.charAt(0).toUpperCase() }}" shape="circle" styleClass="mr-2" size="xlarge"></p-avatar>
      }
      <span style="font-size: 20px;">{{ username }}</span>
    </a>
  </div>
</p-card>
