4 files changed, 61 insertions(+), 18 deletions(-)

M layouts/blog/list.html
A layouts/partials/blog-preview.html
M layouts/tags/list.html
M static/base.css

@@ 26,18 26,11 @@
 		{{ else }}
 		<h2>Posts</h2>
 		<p><a href="index.xml">RSS feed</a></p>
+		<ul class="nopad">
 		{{ range .Pages }}
-		<a href="{{.Permalink}}" class="stub">
-			<h2>
-					{{.Title}}
-			</h2>
-			<small>
-				{{.Date.Format "January 2, 2006"}}
-				({{.ReadingTime}} min)
-			</small>
-			<p>{{ .Description }}</p>
-		</a>
+		{{ partial "blog-preview.html" . }}
 		{{ end }}
+		</ul>
 		{{ end }}
 	</main>
 	{{ partial "footer.html" }}

@@ 0,0 1,23 @@
+<li class="stub">
+  <a href="{{.Permalink}}">
+    <h2>
+      {{.Title}}
+    </h2>
+    <small>
+      {{.Date.Format "January 2, 2006"}}
+      ({{.ReadingTime}} min)
+    </small>
+    <p>{{ .Description }}</p>
+  </a>
+  {{ if (.GetTerms "keywords") }}
+  <ul class="tags">
+    {{ range (.GetTerms "keywords") }}
+    <li>
+      <a href="{{ .RelPermalink }}">
+        #{{ .LinkTitle }}
+      </a>
+    </li>
+    {{ end }}
+  </ul>
+  {{ end }}
+</li>

@@ 9,11 9,17 @@
 		{{ partial "nav.html" }}
 		<h1>{{ .Title }}</h1>
 		<main>
-			<ul>
+			<ul class="nopad">
 				{{ range .Pages }}
-				<li>
-					<a href="{{ .Page.RelPermalink }}">{{ .Page.LinkTitle }} {{ if .Pages }}({{ .Pages | len}}){{end}}</a>
+				{{ if .Pages }}
+				<li class="pad01">
+					<a href="{{ .Page.RelPermalink }}">
+						{{ .Page.LinkTitle }} ({{ .Pages | len}})
+					</a>
 				</li>
+				{{ else }}
+				{{ partial "blog-preview.html" . }}
+				{{ end }}
 				{{ end }}
 			</ul>
 

@@ 323,7 323,7 @@ div.sourceCode:hover::after,pre.example:hover::after, figure:hover::after,div.sr
 	}
 }
 
-a.category, a.stub {
+a.category, li.stub {
 	display: flex;
 	flex-direction: column;
 


@@ 332,13 332,13 @@ a.category, a.stub {
 	border-radius: 0.4rem;
 
 	padding: 0.8rem;
-	margin: 0.4rem;
+	margin: 0.8rem;
 
 	gap: 0.4rem;
 
 	text-decoration: none;
 }
-a.category:hover, a.stub:hover {
+a.category:hover, li.stub:hover {
 	background: var(--color-box-light);
 }
 a.category > hgroup {


@@ 355,10 355,24 @@ a.category > hgroup > p {
 	color: var(--color-text);
 	opacity: 0.8rem;
 }
-a.stub h2 {
+li.stub h2 {
 	margin: 0;
 }
-a.stub p {
+li.stub p {
+	margin: 0;
+}
+li.stub .tags {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 0.4rem;
+	margin: 0;
+	padding: 0.2rem;
+}
+li.stub .tags li {
+	display: block;
+}
+li.stub .tags li a {
 	margin: 0;
 }
 


@@ 370,3 384,10 @@ footer {
 footer * {
 	text-align: center;
 }
+
+.nopad {
+	padding: 0;
+}
+.pad01 {
+	padding: 0.1rem;
+}