internal/views/articles/list.templ

@@ -8,8 +8,20 @@ import (
 templ List(model models.ListArticlesViewModel) {
 	@layout.WithTemplate() {
 		for _, item := range model.Items {
-            { item.Title }
-        }
-        <div>hi </div>
+			<div class="card">
+				<div class="card-image">
+					<figure class="is-4by3">
+						<img src={ item.Thumbnail }/>
+					</figure>
+				</div>
+				<div class="card-content">
+					<div class="media">
+						<div class="media-content">
+							<a href={ templ.SafeURL(item.Url) }>{ item.Title }</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		}
 	}
 }