blob: f82d0c8dd9249c45eefc87b0df51f4aa6f79ff0d (
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
32
33
34
35
36
37
38
39
40
41
42
43
44
|
{{ define "main" }}
<section class="text-gray-700 body-font">
<div class="container px-5 py-8 mx-auto">
{{- partial "custom-message.html" . -}}
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
{{ range where .Site.Pages "Kind" "page" }}
<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>
</section>
{{ end }}
|