layouts/partials/no-pagination.html


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 }}