I dont remember

This commit is contained in:
kbe
2025-08-21 01:47:02 +02:00
parent 442440454a
commit 67fad13998
4 changed files with 131 additions and 100 deletions

View File

@@ -0,0 +1,35 @@
<!-- Related Articles -->
<div class="py-12">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Articles connexes</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
{{ range first 3 (where .Site.RegularPages "Type" "post") }}
<div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
{{ if .Params.featured_image }}
<img src="{{ .Params.featured_image }}" alt="Article" class="w-full h-48 object-cover">
{{ else }}
<img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
{{ end }}
<div class="p-6">
<span class="text-sm font-medium text-blue-600">
{{ with .Params.categories }}
{{ range first 1 . }}
{{ . }}
{{ end }}
{{ end }}
</span>
<h3 class="text-xl font-semibold mt-2 mb-3">
<a href="{{ .Permalink }}" class="text-gray-900 hover:text-blue-600 transition-colors">{{ .Title }}</a>
</h3>
<p class="text-gray-600">{{ .Summary | truncate 100 }}</p>
<div class="flex items-center mt-4 text-sm text-gray-500">
<span>{{ .Date.Format "2 janvier 2006" }}</span>
<span class="mx-2"></span>
<span>{{ .ReadingTime }} min de lecture</span>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</div>