42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
<div class="container mx-auto px-4 py-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{{ range where site.RegularPages "Section" "sitemap" }}
|
|
<div
|
|
class="
|
|
bg-white rounded-lg
|
|
border-4 border-black
|
|
shadow-[0_4px_0_black]
|
|
hover:shadow-[0_8px_0_black]
|
|
hover:-translate-y-1
|
|
hover:scale-105
|
|
transition-all duration-100 ease-linear
|
|
overflow-hidden
|
|
transform
|
|
mx-auto
|
|
hover:z-2
|
|
"
|
|
>
|
|
<a href="{{ .Params.redirect }}" class="block w-86 h-48">
|
|
|
|
{{ if .Params.image }}
|
|
<img
|
|
src="{{ .Params.image }}"
|
|
alt="{{ .Title }}"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
{{ else }}
|
|
<div class="w-full h-48 border border-gray-200 flex flex-col justify-center items-center p-5">
|
|
<span class="text-gray-700 font-mono text-lg font-medium leading-tight">
|
|
{{ .Params.title }}
|
|
</span>
|
|
<p class="text-gray-400 font-mono text-sm line-clamp-2 bg-grey-300 p-1 rounded-lg">
|
|
{{ .Params.redirect }}
|
|
</p>
|
|
</div>
|
|
{{ end }}
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|