Add initial "related articles" block

i18n/en.yaml

@@ -8,6 +8,10 @@
 - id: meta_categories
   translation: Categories
 
+# Related
+- id: related_title
+  translation: Related
+
 # Footer
 - id: footer_credits
   translation: "Powered by <a href=\"https://gohugo.io/\" rel=\"nofollow noopener\" target=\"_blank\">Hugo</a> and <a href=\"https://github.com/vimux/binario\" rel=\"nofollow noopener\" target=\"_blank\">Binario</a> theme."

layouts/_default/single.html

@@ -14,6 +14,7 @@
 				{{ end }}
 			</article>
 		</div>
+		{{ partial "related.html" . }}
 		{{ partial "comments.html" . }}
 	</div>
 {{ partial "footer.html" . }}

layouts/partials/related.html

@@ -0,0 +1,11 @@
+{{ $related := .Site.RegularPages.Related . | first 5 }}
+{{ with $related }}
+<div class="related block">
+	<h3 class="related__title">{{ T "related_title" }}</h3>
+	<ul class="related__list">
+		{{ range . }}
+		<li class="related__item"><a class="related__link" href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+		{{ end }}
+	</ul>
+</div>
+{{ end }}

static/css/main.css

@@ -706,6 +706,11 @@ mark {
 	margin-bottom: .625rem;
 }
 
+/*Related */
+.related {
+	margin-top: .625rem;
+}
+
 /* Pagination */
 .pagination {
 	margin-bottom: .625rem;