redesign blog listing

layouts/blog/list.html

@@ -3,14 +3,28 @@
     <link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
 {{- end -}}
 
+{{- define "header" }}
+<header id="blog-header">
+    <h1 class="title">{{ i18n "blog-heading" }}</h1>
+    <p>{{ i18n "blog-sub" }}</p>
+</header>
+{{ end }}
+
 {{- define "main" }}
 
     <main>
-        <h1 class="title">{{ .Title }}</h1>
-        <p>{{ .Content }}</p>
-    {{- range .Pages }}
-        <p> <a href="{{ .Permalink }}">{{ .Title }}</a> <span>{{ .Date | time.Format ":date_long" }}</span> </p>
-    {{- end }}
+        <div id="posts-wrapper">
+        {{ range (where .Site.RegularPages "Section" "blog") }}
+            <a href="{{ .Permalink }}" class="post-wrapper">
+                <p class="title">{{ .Title }}</p>
+                <aside class="meta" title="{{ .Date | time.Format "2 Jan 2006, 15:04 MST" }}">
+                    <span class="date">{{ .Date | time.Format "2. January 2006" }}</span>
+                    <span class="author">{{ with .Params.author }}by {{ end }}{{ .Params.author }}</span>
+                </aside>
+            </a>
+        {{ end }}
+        </div>
+        
     </main>
 
 {{- end }}