Resized header image to lower amount of bandwidth

This commit is contained in:
Brandon Rozek 2022-05-16 15:38:00 -04:00
parent 436a19ba10
commit 266b736e6b
2 changed files with 8 additions and 2 deletions

View file

@ -6,7 +6,10 @@
<div class="h-card"> <div class="h-card">
<!-- avator --> <!-- avator -->
<div class="avatar"> <div class="avatar">
<img class="avatarMask u-photo" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="Photo of {{ .Site.Params.Author }}" /> {{ $profile_image := resources.GetRemote (printf "%s/img/%s" .Site.BaseURL .Site.Params.avatar) }}
{{ $profile_width := 250 }}
{{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}" />
<img src="{{ .Site.BaseURL }}/img/avatar-border.svg" /> <img src="{{ .Site.BaseURL }}/img/avatar-border.svg" />
</div> </div>
<!-- author --> <!-- author -->

View file

@ -25,7 +25,10 @@
<div class="h-card p-author"> <div class="h-card p-author">
<h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2> <h2 class="p-name"><a class="author u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Params.Author }}</a></h2>
<img class="avatarMask u-photo" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="{{ .Site.Params.avatarDescription }}"> {{ $profile_image := resources.GetRemote (printf "%s/img/%s" .Site.BaseURL .Site.Params.avatar) }}
{{ $profile_width := 100 }}
{{ $profile_image := $profile_image.Resize (printf "%dx" $profile_width) }}
<img class="avatarMask u-photo" width="{{ $profile_width }}" src="{{ $profile_image.RelPermalink }}" alt="Photo of {{ .Site.Params.Author }}" />
<div style="display: none"> <div style="display: none">
<!-- email / description (for h-card) --> <!-- email / description (for h-card) -->
<a class="u-email" href="mailto://{{ .Site.Params.email }}"></a> <a class="u-email" href="mailto://{{ .Site.Params.email }}"></a>