Re-design of login page.

frontend/src/app/pages/publication/publication.component.html

@@ -0,0 +1,29 @@
+<ng-container *ngIf="isLoading; else afterLoadingPart">
+    <mat-spinner></mat-spinner>
+</ng-container>
+
+<ng-template #afterLoadingPart>
+    <ng-container *ngIf="publication; else loadingFailedMessage">
+        <div class="card">
+            <img src="/pictures/{{ publication.illustrationId }}" />
+            <header>
+                <h1>{{ publication.title }}</h1>
+                <h2>{{ publication.description }}</h2>
+            </header>
+            <main [innerHTML]="publication.parsedText"></main>
+            <footer>
+                <img src="/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>
+            </footer>
+        </div>
+    </ng-container>
+
+    <ng-template #loadingFailedMessage>
+        <div class="loading-failed">
+            <h1>Publication failed to load...</h1>
+        </div>
+    </ng-template>
+</ng-template>