gmgsite/themes/hugo-casper3/layouts/partials/post-card.html

51 lines
2.8 KiB
HTML

<article class="post-card post
{{ if not (.context.Param "thumbnail") }} no-image
{{ else }}
{{ if (eq (mod .index 6) 0) }} post-card-large {{ end }}{{ .isLarge }}
{{ end }} ">
{{ if .context.Param "thumbnail" }}
<a class="post-card-image-link" href="{{ .context.RelPermalink }}">
<img class="post-card-image" src="{{ .context.Param "thumbnail" }}" alt="{{ .context.Title }}" loading="lazy"/>
</a>
{{ else }}
<a class="post-card-image-link" href="{{ .context.RelPermalink }}">
<img class="post-card-image" src="/images/nothumb.svg" alt="{{ .context.Title }}" loading="lazy"/>
</a>
{{ end }}
<div class="post-card-content">
<a class="post-card-content-link" href="{{ .context.RelPermalink }}">
<header class="post-card-header">
<h2 class="post-card-title">{{ .context.Title }}</h2>
</header>
<section class="post-card-excerpt">
<p>{{ .context.Description }}</p>
</section>
</a>
<footer class="post-card-meta">
{{ if ne .context.Section "tags" }}
<span class="post-card-byline-date">{{ if ne .isMoreCard "yes" }}<a href="{{ .context.CurrentSection.Permalink }}">{{ .context.Section }}</a> <span class="bull">&bull;</span> {{ end }}<time datetime="{{ .context.Date.Format "2006-31-01" }}">{{ .context.Date.Format "2 January 2006" }}</time>
{{ if ne .context.Lastmod .context.Date }}
<span class="bull">&bull;</span><span class="post-card-byline-date"><time datetime="{{ .context.Lastmod.Format "2006-31-01" }}"> <svg class="byline-meta-symbol" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 -1000 960 960" width="16" fill="currentColor"><path d="M180-180h44l443-443-44-44-443 443v44Zm614-486L666-794l42-42q17-17 42-17t42 17l44 44q17 17 17 42t-17 42l-42 42Zm-42 42L248-120H120v-128l504-504 128 128Zm-107-21-22-22 44 44-22-22Z"/></svg> {{ .context.Lastmod.Format "2 January 2006" }}</time>
{{ end }}
{{ else }}
<span class="post-card-byline-date"><time datetime="{{ .context.Lastmod.Format "2006-31-01" }}">Last post from {{ .context.Lastmod.Format "2 January 2006" }}</time>
{{ end }}
{{ if ne .context.ReadingTime 0 }}<span class="bull">&bull;</span> {{ .context.ReadingTime }} min read <span class="bull">&bull;</span> {{ range (.context.GetTerms "tags") }}
<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>&nbsp;&nbsp;{{ end }}
{{ end }}</span>
</footer>
</div>
</article>