blob: a375ddcaed5ae23190a100191af9687300e89629 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
{{ $pagelist := $.Scratch.Get "pages" }}
{{ if $pagelist }}
<div>
{{ $pages := where $pagelist "Kind" "page" }}
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
{{ range where $pages ".Params.exclude" "!=" "true" }}
<a target="_blank" rel="noopener" href="{{ .Params.Link }}"
class="card p-4 md:w-1/3 sm:mb-4 mb-6 hover:shadow-xl hover:bg-gray-400 transition duration-200 ease-in rounded-lg {{ lower .Section }}">
<div class="rounded-lg h-64 overflow-hidden relative">
{{ if (or .Params.Image .CurrentSection.Params.Image) }}
<img alt="{{ .Title }}" class="object-cover object-center h-full w-full"
src="{{ (or .Params.Image .CurrentSection.Params.Image) }}" />
{{ end }}
<span class="bg-blue-500 text-white px-3 py-1 tracking-widest text-xs absolute right-0 top-0 rounded-bl">{{
title .Section }}</span>
<h2
class="text-white px-2 py-1 tracking-widest text-2xl leading-tight font-extrabold font-bree text-center w-full h-full flex justify-center items-center absolute top-0 left-0">
{{ .Title }}
</h2>
<p
class="text-white px-2 py-1 tracking-widest text-md leading-tight font-light w-full text-center absolute bottom-0 left-0">
{{ .Params.Subtitle }}
</p>
</div>
</a>
{{ end }}
</div>
</div>
{{ end }}
|