mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-14 00:16:31 +00:00
George Cushen
76023f9461
Replace manual format detection (printf "%T", MediaType.SubType whitelists, duck-typing) with Hugo's new reflect.IsResource, reflect.IsImageResource, and reflect.IsImageResourceProcessable functions across 19 template files. Key changes: - process_responsive_image: collapse 15-line format whitelist into single reflect.IsImageResourceProcessable call - Unify three-way SVG/processable/GIF branches into two-way $canProcess guard - Remove duplicate GIF passthrough branches in single.html, events/page.html - Add missing SVG guard in research-areas block (was calling .Fill unprotected) - Replace nil checks with reflect.IsResource in get_cover_image/get_featured_image Design decision: GIFs are intentionally excluded from processing despite Hugo supporting it — processing strips animation frames, so we preserve user-optimized animated GIFs by checking (IsImageResourceProcessable AND not GIF).
79 lines
2.5 KiB
HTML
79 lines
2.5 KiB
HTML
{{ $profile := .profile }}
|
|
{{ $page := .page }}
|
|
{{ $site_type := site.Params.hugoblox.identity.type | humanize | default "Person" }}
|
|
{{ $avatar_shape := site.Params.hugoblox.layout.avatar_shape | default "circle" }}
|
|
|
|
{{ if $profile }}
|
|
{{/* If it's a personal site and the profile is owner, link home */}}
|
|
{{ $profile_url := printf "/authors/%s/" $profile.slug }}
|
|
{{ if and (eq $site_type "Person") ($profile.is_owner) }}
|
|
{{ $profile_url = site.BaseURL }}
|
|
{{ end }}
|
|
|
|
{{ $avatar := $profile.avatar }}
|
|
|
|
<div class="flex pt-12 pb-4">
|
|
{{ if $avatar }}
|
|
{{ if not (reflect.IsImageResourceProcessable $avatar) }}
|
|
<img
|
|
class="mr-4 h-24 w-24 {{if ne $avatar_shape "square"}}rounded-full{{end}}"
|
|
src="{{ $avatar.RelPermalink }}"
|
|
width="96"
|
|
height="96"
|
|
alt="{{$profile.title}}"
|
|
loading="lazy"
|
|
/>
|
|
{{ else }}
|
|
{{ $responsive := partial "functions/process_responsive_image.html" (dict
|
|
"image" $avatar
|
|
"mode" "fill"
|
|
"aspect_ratio" "1:1"
|
|
"anchor" "Center"
|
|
"sizes" (slice 96 192 288 384)
|
|
) }}
|
|
<img
|
|
class="mr-4 h-24 w-24 {{if ne $avatar_shape "square"}}rounded-full{{end}}"
|
|
srcset="{{ $responsive.srcset }}"
|
|
sizes="96px"
|
|
src="{{ $responsive.fallback.RelPermalink }}"
|
|
width="96"
|
|
height="96"
|
|
alt="{{$profile.title}}"
|
|
loading="lazy"
|
|
/>
|
|
{{ end }}
|
|
{{ end }}
|
|
<div class="place-self-center">
|
|
<div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
|
|
{{ i18n "authors" }}
|
|
</div>
|
|
<div class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
|
|
<span class="inline-block">
|
|
{{if $profile_url}}<a href="{{$profile_url}}" class="no-underline">{{end}}
|
|
{{$profile.title}}
|
|
{{if $profile_url}}</a>{{end}}
|
|
</span>
|
|
{{- with $profile.pronouns -}}
|
|
<span class="text-sm font-normal text-gray-600 dark:text-gray-400 ml-1 inline-block">({{ . }})</span>
|
|
{{- end -}}
|
|
</div>
|
|
|
|
{{ with $profile.role }}
|
|
<div class="text-sm font-bold text-neutral-700 dark:text-neutral-300">
|
|
{{. | markdownify | emojify}}
|
|
</div>
|
|
{{end}}
|
|
|
|
|
|
{{ with $profile.bio }}
|
|
<div class="text-sm text-neutral-700 dark:text-neutral-300">{{ . | markdownify | emojify }}</div>
|
|
{{ end }}
|
|
|
|
<div class="text-2xl sm:text-lg pt-1">
|
|
{{ partial "social_links" (dict "Params" (dict "profiles" $profile.links)) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{end}}{{/* End Check for Author Profile */}}
|