using image.html partial in authors/list.html; resize image in article-alt.html

layouts/authors/list.html

@@ -1,8 +1,13 @@
 {{ define "main" }}
  <section>
 
-   {{- with .Resources.GetMatch "avatar" }}
+   {{- with (.Resources.GetMatch "avatar") }}
-   <img class="shadow author" src="{{ .RelPermalink }}" alt="{{ .Params.alt }}"/>
+   {{- partial "image.html"
+     (dict
+       "image" .
+       "alt" .Params.alt
+       "sizes" (slice 320 500)
+       "classes" (slice "shadow" "author")) }}
    {{- end }}
 
    <div>

layouts/partials/article-alt.html

@@ -11,10 +11,11 @@ Renders an article card with a circle image, title, and summary.
 {{- $title := .title }}
 {{- $summary := .summary }}
 {{- $url := .url }}
+{{- $img := ($image.Resize "256x webp q90") }}
 <a href="{{ $url }}">
 <article class="alt float-on-hover shadow">
 	<div>
-	  <img src="{{ $image.RelPermalink }}" alt="{{ $alt }}" />
+	  <img src="{{ $img.RelPermalink }}" alt="{{ $alt }}" />
 	</div>
 	<div>
 		<h2>{{ $title }}</h2>