Files
pivoine.art/layouts/partials/author-card.html
T
2026-04-11 17:36:20 +02:00

25 lines
1.3 KiB
HTML

{{- /* Inline author byline for post single pages.
Expects the author page as context (.).
*/ -}}
<div class="flex items-center gap-4 py-6 border-t border-b border-zinc my-8 max-w-2xl">
{{- $avatarRes := .Resources.GetMatch "avatar.*" -}}
{{- if $avatarRes -}}
{{- $av := $avatarRes.Resize "96x webp" -}}
<a href="{{ $.RelPermalink }}" class="flex-shrink-0">
<img src="{{ $av.RelPermalink }}" alt="{{ $.Params.name | default $.Title }}" class="w-12 h-12 object-cover border border-zinc hover:border-heat transition-colors" width="{{ $av.Width }}" height="{{ $av.Height }}" loading="lazy" decoding="async">
</a>
{{- else -}}{{- with .Params.avatar -}}
<a href="{{ $.RelPermalink }}" class="flex-shrink-0">
<img src="{{ . }}" alt="{{ $.Params.name | default $.Title }}" class="w-12 h-12 object-cover border border-zinc hover:border-heat transition-colors" loading="lazy" decoding="async">
</a>
{{- end -}}{{- end -}}
<div class="min-w-0">
<a href="{{ .RelPermalink }}" class="label text-heat hover:text-frost transition-colors block mb-1">
{{ .Params.name | default .Title }}
</a>
{{- with .Params.bio -}}
<p class="text-fog text-sm leading-relaxed line-clamp-2 font-body">{{ . }}</p>
{{- end -}}
</div>
</div>