Make the blog list actually work

layouts/_default/list.html

@@ -1,28 +1,38 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
 
-<div class="container is-centered page">
-	<div class="columns">
-		<div class="column is-one-quarter">
-			{{ partial "menu" . }}
-		</div>
-		<div class="column is-three-quarters">
-			<div class="content">
-				{{ .Content }}
-
-				{{ range .Pages.GroupBy "Section" }}
-				<h3>{{ .Key | title }}</h3>
-				<ul>
-					{{ range .Pages }}
-					<li>
-						<a href="{{ .Permalink }}">{{ .Title }}</a>
-					</li>
-					{{ end }}
-				</ul>
-				{{ end }}
+<div class="container content page">
+	{{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}{{ range $paginator.Pages }}
+	<div class="card">
+		<div class="card-content">
+			<div class="media">
+				<div class="media-content">
+					<a class="title is-4" href="{{ .Permalink }}">{{ .Title }}</a>
+					<p class="subtitle is-6">
+						{{ .Date.Format "2006-01-02" }}
+					</p>
+				</div>
 			</div>
+
+			<div class="content">
+				{{ .Summary }}
+			</div>
+
+			<a href="{{ .Permalink }}" class="button is-primary is-outlined noshadow">
+				Read more
+			</a>
 		</div>
 	</div>
+	{{ end }}
+
+	<nav class="pagination is-centered" role="navigation" aria-label="pagination">
+		{{ if .Paginator.HasPrev}}
+		<a class="pagination-previous" href="{{ .Paginator.Prev.URL }}">Previous</a>
+		{{ end }}
+		{{ if .Paginator.HasNext }}
+		<a class="pagination-next" href="{{ .Paginator.Next.URL }}">Next</a>
+		{{ end }}
+	</nav>
 </div>
 
 {{ partial "footer.html" . }}