pivoine.art/layouts/partials/author-card.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-16 h-16 object-cover border border-zinc hover:border-heat transition-colors"
        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-16 h-16 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="text-base font-display text-heat hover:text-frost transition-colors block">
      {{ .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>