{{ $p := .Params.card }}
<section class="vcard">
  {{ with site.Params.homepage.homepageImage }}{{ with resources.Get . }}
    <div class="vcard__bg" style="background-image:url('{{ .RelPermalink }}')"></div>
  {{ end }}{{ end }}

  <div class="vcard__box">
    {{ with resources.Get $p.avatar }}
      {{ $img := .Fill "256x256 webp q85" }}
      <img class="vcard__avatar" src="{{ $img.RelPermalink }}" width="128" height="128" alt="{{ $p.name }}">
    {{ end }}

    <h1 class="vcard__name">{{ $p.name }}</h1>
    {{ with $p.nick }}<p class="vcard__nick">aka {{ . }}</p>{{ end }}
    <p class="vcard__role">{{ $p.role }}</p>

    {{ with $p.status }}
      <p class="vcard__status is-{{ .state | default "open" }}">
        <span class="vcard__dot"></span>{{ .text }}
      </p>
    {{ end }}

    <ul class="vcard__links">
      {{ range $p.contacts }}
        <li>
          <a href="{{ .url }}"{{ if hasPrefix .url "http" }} target="_blank" rel="noopener me"{{ end }}>
            {{ with .icon }}<span class="vcard__icon">{{ partial "icon.html" . }}</span>{{ end }}
            <span>{{ .label }}</span>
          </a>
        </li>
      {{ end }}
    </ul>

    {{ with $p.more }}<a class="vcard__more" href="{{ . | relURL }}">Подробнее обо мне →</a>{{ end }}
  </div>
</section>