2-column layout

Author: janproch

layouts/blog/list.html

@@ -1,16 +1,22 @@
-{{ define "main" }} {{ partial "pagination.html" . }}
-
-<section>
-  {{ range .Paginator.Pages }} {{ partial "post-card.html" . }} {{ end }}
-</section>
+{{ define "main" }}
 
 {{ partial "pagination.html" . }}
 
+<div class="columns is-multiline">
+  {{ range .Paginator.Pages }}
+  <div class="column is-half">
+    {{ partial "post-card-small.html" . }}
+  </div>
+  {{ end }}
+</div>
+
 <div class="has-text-centered mt-5">
   <a href="/blog/index.xml" class="button is-primary">
     <span class="icon"><i class="fas fa-rss"></i></span>
     <span>Subscribe</span>
   </a>
 </div>
 
+{{ partial "pagination.html" . }}
+
 {{ end }}

layouts/partials/post-card-small.html

@@ -0,0 +1,15 @@
+<a href="{{ .RelPermalink }}">
+    <div class="card">
+        <header class="card-header card-header-title">
+            {{ .Title}}
+        </header>
+        <div class="card-content">
+            <div class="content">
+                {{ .Summary }}
+            </div>
+        </div>
+        <footer class="card-footer">
+            <p class="card-footer-item">Published: {{ .Date.Format "Jan 2, 2006" }}</p>
+        </footer>
+    </div>
+</a>