Show some posts on homepage, rework layout of lists

Author: yochem

assets/style.css

@@ -29,11 +29,15 @@ body {
 	min-height: 100svh;
 }
 
+sup {
+	text-underline-offset: 0;
+}
+
 header,
 main,
 footer {
 	margin: 1em auto;
-	max-width: 55ch;
+	max-width: 65ch;
 }
 
 header {

content/_index.md

@@ -13,4 +13,8 @@ source projects, especially contributing to [Neovim](https://neovim.io).
 More ways to contact me can be found on the [contact](/contact/ "Contact page") page.
 
 ## Blog
-I occasionally post something on my [blog](/posts/ "My Blog").
+I occasionally post something on my blog. Here are the 5 latest posts:
+
+{{< section-list "posts" 5 >}}
+
+See the [full list here](/posts/).

layouts/_partials/section-list.html

@@ -0,0 +1,19 @@
+{{ $section := .section }}
+{{ $limit := .limit | default 0 }}
+
+{{ $pages := where site.RegularPages "Section" $section }}
+
+{{ if gt $limit 0 }}
+	{{ $pages = first $limit $pages }}
+{{ end }}
+<ul>
+{{ range $pages }}
+	{{ if not .Params.Unlisted }}
+	<li style="line-height: 2">
+		<a href='{{ .RelPermalink }}'>
+			{{ .Title | markdownify }} (<time datetime="{{ time.Format "2006-01-02" .Date }}">{{ time.Format "2006-01-02" .Date }}</time>)
+		</a>
+	</li>
+	{{ end }}
+{{ end }}
+</ul>

layouts/_shortcodes/section-list.html

@@ -0,0 +1 @@
+{{ partial "section-list.html" (dict "section" (.Get 0) "limit" (.Get 1)) }}

layouts/list.html

@@ -1,17 +1,5 @@
 {{ define "content" }}
 <h2>{{ title .Section }}</h2>
-
 {{ .Content }}
-
-<ul>
-{{ range (where site.RegularPages "Section" .Section) }}
-	{{ if not .Params.Unlisted }}
-	<li style="line-height: 2">
-		<a href='{{ .RelPermalink }}'>
-			{{ .Title | markdownify }} (<time datetime="{{ time.Format "2006-01-02" .Date }}">{{ time.Format "2006-01-02" .Date }}</time>)
-		</a>
-	</li>
-	{{ end }}
-{{ end }}
-</ul>
+{{ partial "section-list.html" (dict "section" .Section) }}
 {{ end }}