{{- if .Params.authors -}}
<ul class="authors list-inline">
    {{- range .Params.authors -}}
    {{- with $.Site.GetPage (printf "/authors/%s" (. | urlize)) -}}
    {{- $term := . -}}
    <li class="list-inline-item mr-3">
        <div class="media author">
            {{- if $term.Params.images -}}
            {{- with .Resources.GetMatch (index $term.Params.images 0) -}}
            {{- $image := .Resize "64x" -}}
            {{- $2ximage := .Resize "128x q100" -}}
            {{- $3ximage := .Resize "192x q100" -}}
            <a href="{{ $term.RelPermalink }}" class="mr-3">
                <picture>
                    <source srcset="{{ $image.RelPermalink }} 1x, {{ $2ximage.RelPermalink }} 2x, {{ $3ximage.RelPermalink }} 3x">
                    <img src="{{ $image.RelPermalink }}" class="rounded-circle" alt="{{ $term.Params.name }}">
                </picture>
            </a>
            {{- end -}}
            {{- end -}}
            <div class="media-body">
                <h5 class="name my-0">
                    {{ range $term.Params.name }}
                    {{ $name := . }}
                    <a href="{{ $term.RelPermalink }}" class="small">{{ $name }}</a>
                    {{ end }}
                </h5>
                {{- with $term.Params.twitter -}}
                <p class="social small text-muted">
                    <a href="https://twitter.com/@{{ . | urlize }}">@{{ . }}</a>
                </p>
                {{- end -}}
            </div>
        </div>
    </li>
    {{- end -}}
    {{- end -}}
</ul>
{{- end -}}