Modified home_info.html for Hugo-PaperMod

home_info.html

{{- with site.Params.homeInfoParams }}
<article class="first-entry home-info">
    <div class="profile_inner">
        {{- if .imageUrl -}}
            {{- $img := "" }}
            {{- if not (urls.Parse .imageUrl).IsAbs }}
                {{- $img = resources.Get .imageUrl }}
            {{- end }}
            {{- if $img }}
                {{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") -}}
                {{- if hugo.IsExtended -}}
                    {{- $processableFormats = $processableFormats | append "webp" -}}
                {{- end -}}
                {{- $prod := (hugo.IsProduction | or (eq site.Params.env "production")) }}
                {{- if and (in $processableFormats $img.MediaType.SubType) (eq $prod true)}}
                    {{- if (not (and (not .imageHeight) (not .imageWidth))) }}
                        {{- $img = $img.Resize (printf "%dx%d" .imageWidth .imageHeight) }}
                    {{- else if .imageHeight }}
                        {{- $img = $img.Resize (printf "x%d" .imageHeight) }}
                    {{ else if .imageWidth }}
                        {{- $img = $img.Resize (printf "%dx" .imageWidth) }}
                    {{ else }}
                        {{- $img = $img.Resize "150x150" }}
                    {{- end }}
                {{- end }}
            <img draggable="false" src="{{ $img.Permalink }}" alt="{{ .imageTitle | default " profile image" }}"
                title="{{ .imageTitle }}" height="{{ .imageHeight | default 150 }}"
                width="{{ .imageWidth | default 150 }}" />
            {{- else }}
            <img draggable="false" src="{{ .imageUrl | absURL }}" alt="{{ .imageTitle | default " profile image" }}"
                title="{{ .imageTitle }}" height="{{ .imageHeight | default 150 }}"
                width="{{ .imageWidth | default 150 }}" />
            {{- end }}
        {{- end }}
    </div>
    <header class="entry-header">
        <h1>{{ .Title | markdownify }}</h1>
    </header>
    <div class="entry-content">
        {{ .Content | markdownify }}
    </div>
    <footer class="entry-footer">
        {{ partial "social_icons.html" (dict "align" site.Params.homeInfoParams.AlignSocialIconsTo) }}
    </footer>
    {{- with .buttons }}
    <div class="buttons">
        {{- range . }}
        <a class="button" href="{{ trim .url " " }}" rel="noopener" title="{{ .name }}">
            <span class="button-inner">
                {{ .name }}
                {{- if (findRE "://" .url) }}&nbsp;
                <svg fill="none" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
                    stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="14" width="14">
                    <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
                    <path d="M15 3h6v6"></path>
                    <path d="M10 14L21 3"></path>
                </svg>
                {{- end }}
            </span>
        </a>
        {{- end }}
    </div>
    {{- end }}
</article>
{{- end -}}