troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-23 10:21:46 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: responsive avatar image size

Browse source
This commit is contained in:
xiaoxiyao 2024-09-23 22:14:25 +08:00
parent 2a18a92901
commit 8bb7025940
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
layouts/partials/sidebar/left.html
View file

@ -16,9 +16,20 @@
{{ $avatar := resources.Get (.src) }}
{{ if $avatar }}
{{ $avatarResized := $avatar.Resize "300x" }}
<img src="{{ $avatarResized.RelPermalink }}" width="{{ $avatarResized.Width }}"
height="{{ $avatarResized.Height }}" class="site-logo" loading="lazy" alt="Avatar">
{{ $avatarResized := $avatar.Resize "120x" }}
{{ $avatar1_5 := $avatar.Resize "180x" }}
{{ $avatar2 := $avatar.Resize "240x" }}
<img
src="{{ $avatarResized.RelPermalink }}"
srcset="{{$avatarResized.RelPermalink}},
{{$avatar1_5.RelPermalink}} 1.5x,
{{$avatar2.RelPermalink}} 2x"
width="{{ $avatarResized.Width }}"
height="{{ $avatarResized.Height }}"
class="site-logo"
loading="lazy"
alt="Avatar"
/>
{{ else }}
{{ errorf "Failed loading avatar from %q" . }}
{{ end }}