HugoBlox-kit/modules/blox-bootstrap/layouts/_partials/blocks/v1/about.avatar.html

{{/* Hugo Blox: About - avatar variation */}}
{{/* Documentation: https://hugoblox.com/blocks/ */}}
{{/* License: https://github.com/HugoBlox/hugo-blox-builder/blob/main/LICENSE.md */}}

{{/* Initialise */}}
{{ $page := .wcPage }}
{{ $block := .wcBlock }}

{{ $author := "" }}
{{ if .author }}
  {{ $author = .author }}
{{ else }}
  {{ $author = $block.Params.author }}
{{end}}

{{ $person_page_path := (printf "/authors/%s" $author) }}
{{ $person_page := site.GetPage $person_page_path }}
{{ if not $person_page }}
  {{ errorf "Could not find an author page at `%s`. Please check the value of `author` in your About widget and create an associated author page if one does not already exist. See https://docs.hugoblox.com/page-builder/#about " $person_page_path }}
{{end}}
{{ $person := $person_page.Params }}
{{ $avatar := ($person_page.Resources.ByType "image").GetMatch "*avatar*" }}
{{ $avatar_shape := site.Params.features.avatar.shape | default "circle" }}

<div id="profile">

  {{ if $avatar }}
  <div class="avatar-wrapper">
    {{ $avatar_image := $avatar.Fill "150x150 Center" }}
    <img class="avatar {{if eq $avatar_shape "square"}}avatar-square{{else}}avatar-circle{{end}}" src="{{ $avatar_image.RelPermalink }}" alt="{{$person_page.Title}}"
         width="{{ $avatar_image.Width }}" height="{{ $avatar_image.Height }}">
    {{with $person.status.icon}}<span class="avatar-emoji">{{.|emojify}}</span>{{end}}
  </div>
  {{ end }}

  <div class="portrait-title">

    <h2>
      {{- if $person.name_pronunciation -}}
        <ruby>
          <rb>{{ $person_page.Title }}</rb>
          <rt>{{ $person.name_pronunciation }}</rt>
        </ruby>
      {{- else -}}
        {{- $person_page.Title -}}
      {{- end -}}
    </h2>

    {{ with $person.role }}<h3>{{ . | markdownify | emojify }}</h3>{{ end }}

    {{ range $person.organizations }}
    <h3>
      {{ with .url }}<a href="{{ . }}" target="_blank" rel="noopener">{{ end }}
      <span>{{ .name }}</span>
      {{ if .url }}</a>{{ end }}
    </h3>
    {{ end }}
  </div>

  <ul class="network-icon" aria-hidden="true">
    {{ range $person.social }}
    {{ $pack := or .icon_pack "fas" }}
    {{ $pack_prefix := $pack }}
    {{ if in (slice "fab" "fas" "far" "fal") $pack }}
      {{ $pack_prefix = "fa" }}
    {{ end }}
    {{ $link := .link }}
    {{ $scheme := (urls.Parse $link).Scheme }}
    {{ $target := "" }}
    {{ if not $scheme }}
      {{ $link = .link | relLangURL }}
      {{ if eq (path.Ext $link) ".pdf" }}{{ $target = "target=\"_blank\" rel=\"noopener\"" }}{{ end }}
    {{ else if in (slice "http" "https") $scheme }}
      {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
    {{ end }}
    <li>
      <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} aria-label="{{ .icon }}"
         {{ with .label }} data-toggle="tooltip" data-placement="top" title="{{.}}"{{ end }}>
        <i class="{{ $pack }} {{ $pack_prefix }}-{{ .icon }} big-icon"></i>
      </a>
    </li>
    {{ end }}
  </ul>

  {{ with $block.Content }}
  <div class="article-style pt-1">
    {{ . }}
  </div>
  {{ end }}

</div>