gurix
e206348243
- Add recent posts section to homepage after description - Query and filter blog posts by language context - Display post title as link and formatted publication date - Implement multilingual section headings (Neueste Beiträge/Recent Posts) - Maintain responsive design with Bootstrap styling - Handle edge cases (0 posts, <3 posts) - File size increase <1KB, no new HTTP requests - Hugo build completes in 21ms without errors
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
{{ define "main" }}
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<article class="mt-5 mb-5">
|
|
<h1 class="display-4 mb-4">{{ .Title }}</h1>
|
|
<div class="content">
|
|
{{ .Content }}
|
|
</div>
|
|
</article>
|
|
|
|
{{/* Recent blog posts section */}}
|
|
{{ $blogPages := where .Site.RegularPages "Section" "blog" }}
|
|
{{ $blogPages = where $blogPages ".Lang" .Language.Lang }}
|
|
{{ $recentPosts := first 3 $blogPages }}
|
|
{{ if $recentPosts }}
|
|
<section class="mt-5 mb-5">
|
|
<h2 class="h3 mb-4">
|
|
{{ if eq .Language.Lang "de" }}
|
|
Neueste Beiträge
|
|
{{ else }}
|
|
Recent Posts
|
|
{{ end }}
|
|
</h2>
|
|
<ul class="list-unstyled">
|
|
{{ range $recentPosts }}
|
|
<li class="mb-3">
|
|
<a href="{{ .RelPermalink }}" class="text-decoration-none">
|
|
<strong>{{ .Title }}</strong>
|
|
</a>
|
|
<br>
|
|
<time datetime="{{ .Date.Format "2006-01-02" }}" class="text-muted small">
|
|
{{ if eq $.Language.Lang "de" }}
|
|
{{ .Date.Format "2. January 2006" }}
|
|
{{ else }}
|
|
{{ .Date.Format "January 2, 2006" }}
|
|
{{ end }}
|
|
</time>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</section>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|