hugo-theme/layouts/_default/list.html

{{ define "main" }}
	<div class="h-feed">
	{{- if gt (len .Content) 0 }}
		<div class="panel space-y-2 p-summary">
			{{ .Content }}
		</div>
	{{- end }}
	{{ range where .Pages.ByPublishDate.Reverse ".IsSection" false }}
		{{- $images := default (slice "/imgs/no-image-new.webp" "/imgs/no-image-new.png") .Params.Images }}
		{{- $altText := default "No alt text" .Params.ImageAltText }}
		<div class="panel my-2 h-entry">
			<h2 id="{{ .Section }}-{{ .Title | anchorize }}"><a href="{{ .RelPermalink }}" class="u-url p-name">{{ .Title }}</a></h2>
			<div class="flex flex-row flex-wrap md:flex-nowrap mt-2">
				<span class="image-wrapper w-full h-32 md:w-32 md:h-32">
					<img srcset="{{ delimit $images ", " }}" src="{{ index (last 1 $images) 0 }}" alt="{{ $altText }}" class="u-photo" />
				</span>
				<p class="m-2 flex-1 p-summary">{{ .Params.Intro | markdownify }}</p>
				<span class="hidden p-author">{{ .Site.Params.Author }}</span>
			</div>
		</div>
	{{ end }}
	</div>
{{ end }}