yrzam-hugo-theme/layouts/_default/index.html

{{ define "body" }}
  <div class="home-layout-container">
    <div class="content home">
      <div class="about-container">
        <div class="about-block">
          <div class="image-container">
            {{ with resources.Get .Params.image | resources.Copy (print "_profile" (path.Ext .Params.image)) | fingerprint }}
		<img
              src="{{ .RelPermalink }}"
              {{ print "style" "=" "\"" "aspect-ratio:" (print .Width "/" .Height) "\""  | safeHTMLAttr }}
            />
            {{ end }}
          </div>
          <div class="info-container">
            <h1>{{ .Title }}</h1>
            <p>{{ .Description }}</p>
            <div class="pgp">
              <a href="{{ .Params.pgp.link }}" class="icon-a-wrapper">{{ partial "icon.html" "solid/download" }}</a
              ><span class="text">
                {{- range (split .Params.pgp.fingerprint " ") -}}
                  <span class="spaced">{{ . }}</span><wbr />
                {{- end -}}
              </span>
            </div>
            <div class="links">
              {{- range .Params.links -}}
                <a href="{{ .url | safeURL }}" class="icon-a-wrapper" target="_blank">{{- partial "icon.html" .icon -}}{{- print "" -}}</a>
              {{- end -}}
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-container">
        <div class="bottom-block">
          <div class="section-list">
            {{- range .Params.sections -}}
              <a href="{{ .link }}" class="section-item">
                {{ partial "icon.html" .icon }}<span class="label">{{ .name }}</span>
              </a>
            {{- end -}}
          </div>
          <div class="notice">{{ .Params.notice }}</div>
        </div>
      </div>
    </div>
  </div>
{{ end }}