{{ $cardConfig := .Scratch.Get "cardConfig" }}
<div class="card">
<a href="{{ .RelPermalink }}">
    <li class="card-content">
        <div class="card-body">
        <h3 class="card-title">{{ .LinkTitle }}</h3>
        <p>{{ partial "card/date.html" . }}</p>
        {{ if $cardConfig.fullSummary }}
            {{ partial "card/full_summary.html" . }}
        {{ else }}
        <p>{{ .Summary }}</p>
        {{ end }}
        </div>

        {{ with .Resources.GetMatch .Params.thumbnail }}
            {{ $image := .Fit "800x500" }}
            <div>
            <img class="card-image" src="{{ $image.RelPermalink }}" alt="{{ .Name }}">
            </div>
        {{ else }}
            {{ with .Resources.GetMatch "thumbnail.*" }}
            {{ $image := .Fit "400x400" }}
            <div>
            <img class="card-image" src="{{ $image.RelPermalink }}" alt="{{ $image.Name }}">
            </div>
            {{ end }}
        {{ end }}
    </li>
</a>
{{ if $cardConfig.showMeta }}
    <hr>
    {{ with .Params.github }}
        {{ partial "links/github.html" . }}
    {{ end }}
    {{ with .Params.link }}
        {{ partial "links/link.html" . }}
    {{ end }}
    {{ with .Params.site }}
        {{ partial "links/site.html" . }}
    {{ end }}
    {{ $hasMetaAttrs := or $cardConfig.showCategories $cardConfig.showTags }}
    {{ if $hasMetaAttrs }}
    <div class="card-meta">
        {{ if $cardConfig.showCategories }}
            {{ partial "categories.html" . }}
        {{ end }}
        {{ if $cardConfig.showTags }}
            {{ partial "tags.html" . }}
        {{ end }}
    </div>
    {{ end }}
{{ end }}
</div>