layouts/shortcodes/card.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
32
33
34
35

{{ $img := .Get "img" }}
{{ $command := .Get "command" }}
{{ $options := .Get "options" }}

{{ $original := .Page.Resources.GetMatch (printf "*%s*" $img) }}
{{ $new := "" }}

{{ if eq $command "Fit" }}
  {{ $new = $original.Fit $options }}
{{ else if eq $command "Fill" }}
  {{ $new = $original.Fill $options }}
{{ else if eq $command "Resize" }}
  {{ $new = $original.Resize $options }}
{{ else if eq $command "Original" }}
  {{ $new = $original }}
{{ else }}
  {{ errorf "Invalid image processing command: Must be one of Fit, Fill, Resize, Original." }}
{{ end }}

<div class="card row flex-center" style="">
  <a href="{{ $original.RelPermalink }}" class="img-link">
    <img src="{{ $new.RelPermalink }}">
  </a>
  <div class="card-body">
  {{ with (.Get "title" )}}
    <h4 class="card-title">{{ . | markdownify }}</h4>
  {{ end }}
  {{ with (.Get "subtitle" )}}
    <h5 class="card-subtitle">{{ . | markdownify }}</h5>
  {{ end }}
  {{ with (.Get "text") }}
    <p class="card-text">{{ . | markdownify }}</p>
  {{ end }}
  </div>
</div>