Styling publications on home page.

2024-06-04 13:55:26 +02:00
parent 58295398e0
commit d3041cf03d
9 changed files with 154 additions and 7 deletions
--- a/frontend/src/app/pages/home/home.component.html
+++ b/frontend/src/app/pages/home/home.component.html
@@ -1 +1,15 @@
-<h1>Welcome to Codiki application!</h1>
+<h1>Last articles</h1>
+<div class="publication-container">
+    <a *ngFor="let publication of publications$ | async" [routerLink]="['']" class="publication">
+        <img src="/pictures/{{publication.illustrationId}}"/>
+        <h1>{{publication.title}}</h1>
+        <h2>{{publication.description}}</h2>
+        <div class="footer">
+            <img src="/pictures/{{publication.author.image}}" [matTooltip]="publication.author.name"/>
+            Publication posted by {{publication.author.name}}
+            <span class="publication-date">
+                ({{publication.creationDate}})
+            </span>
+        </div>
+    </a>
+</div>