🚚 Move author image to assets

.gitignore

@@ -143,5 +143,6 @@ hugo.linux
 # End of https://www.toptal.com/developers/gitignore/api/hugo
 
 exampleSite/public/
+exampleSite/resources/_gen/
 TODO
 .lighthouseci

CHANGELOG.md

@@ -13,6 +13,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Changed
 
 - Upgrade to Tailwind v3.0.12
+- Author images are now Hugo assets
 
 ## [1.6.2] - 2022-01-07
 

exampleSite/config/_default/languages.en.toml

@@ -11,7 +11,7 @@ dateFormat = "2 January 2006"
 
 [author]
   name = "Congo"
-  image = "img/author.jpg"
+  image = "author.jpg"
   bio = "This is an example author bio, and although there's a stock photo of a dog here, this article was actually created by a human. :dog:"
   links = [
     { twitter = "https://twitter.com/" },

layouts/partials/author.html

@@ -1,13 +1,17 @@
 {{ if .Params.showAuthor | default (.Site.Params.article.showAuthor | default true) }}
   <div class="flex">
     {{ with .Site.Author.image }}
-      <img
+      {{ $authorImage := resources.Get . }}
-        class="w-24 h-24 !mt-0 !mb-0 mr-4 rounded-full"
+      {{ if $authorImage }}
-        width="96"
+        {{ $authorImage := $authorImage.Fill "192x192" }}
-        height="96"
+        <img
-        alt="Author"
+          class="w-24 h-24 !mt-0 !mb-0 mr-4 rounded-full"
-        src="{{ . | relURL }}"
+          width="96"
-      />
+          height="96"
+          alt="Author"
+          src="{{ $authorImage.RelPermalink }}"
+        />
+      {{ end }}
     {{ end }}
     <div class="place-self-center">
       {{ with .Site.Author.name | markdownify | emojify }}

layouts/partials/home/profile.html

@@ -5,7 +5,17 @@
 >
   <header class="flex flex-col items-center mb-3">
     {{ with .Site.Author.image }}
-      <img class="mb-2 rounded-full w-36 h-36" alt="Author" src="{{ . | relURL }}" />
+      {{ $authorImage := resources.Get . }}
+      {{ if $authorImage }}
+        {{ $authorImage := $authorImage.Fill "288x288" }}
+        <img
+          class="mb-2 rounded-full w-36 h-36"
+          width="144"
+          height="144"
+          alt="Author"
+          src="{{ $authorImage.RelPermalink }}"
+        />
+      {{ end }}
     {{ end }}
     <h1 class="text-4xl font-extrabold">
       {{ .Site.Author.name | default .Site.Title }}