{{- $path       := print "public/" .Data.user "/media/profile/picture.png" -}}
{{- $image      := resources.Get $path -}}
{{- $dimensions := "96x96" -}}
{{- $404image   := resources.Get "data/media/404.png" -}}

<micro-author>
  <micro-card>
    <micro-summary>
    <micro-thumbnail>
      <figure>
        <a title="{{ .Data.name }}" href="{{ "" | absURL }}/{{ .Data.user }}/#">
          <picture>
            {{- with $image }}
              {{- $image = .Content | resources.FromString (print (partial "function-paths-media.html") "/" $.Data.user "/" (path.Base .)) }}
              <source srcset="{{- ($image.Fit (print $dimensions " webp")).RelPermalink -}}" type="image/webp" />
            {{- end }}
            <img
              alt="{{ .Data.name }}"
              {{- if fileExists $path }}
              {{ with $image }}
              {{- $image = (.Content | resources.FromString (print (partial "function-paths-media.html") "/" $.Data.user "/" (path.Base .))).Fit $dimensions -}}
              width="{{ $image.Width }}"
              height="{{ $image.Height }}"
              src="{{ $image.RelPermalink }}"
              {{- end }}
              {{ else }}
              width="{{ $404image.Width }}"
              height="{{ $404image.Height }}"
              src="{{ $404image.RelPermalink }}"
              {{- end -}}
            />
          </picture>
        </a>
      </figure>
    </micro-thumbnail>
      <micro-header>
        <h2><b>{{ .Data.name }}</b></h2>
        <h3><a title="{{ .Data.name }}" href="{{ "" | absURL }}/{{ .Data.user }}/#">@{{ .Data.user }}</a></h3>
      </micro-header>
      <a title="Follow with RSS Reader" href="{{ "" | absURL }}/{{ .Data.user }}/rss.xml">
        {{ safeHTML (readFile (print (partial "function-paths-static.html") "/icons/feather/rss.svg")) }}
        <span>Follow</span>
      </a>
    </micro-summary>
  </micro-card>
</micro-author>