hugo-theme-termlite/layouts/partials/page/figures/fullwidth.html

{{- $resource := .page.Resources.GetMatch .name -}}
{{- if not $resource }}
  {{ errorf "No resource named '%s'. %s" .name .page.Permalink }}
{{ end -}}

{{- if eq $resource.ResourceType "image" -}}
  {{ partial "page/figures/fullwidth-image.html" (merge . (dict "resource" $resource))  }}
{{- else if eq $resource.ResourceType "video" -}}
  {{ partial "page/figures/fullwidth-video.html" (merge . (dict "resource" $resource)) }}
{{- end -}}
Simplify figure styles and markup Remove the .figure__container element. According to Tess, putting a <figcaption> inside a child of a <figure> "doesn't obey the content model" or some shit. Fiiiiine. Getting small figures to lay out the way I want them to without the container was a bit of a trick. Instead of letting the figure span the entire width of the grid column, let it fit the size of its contents, and then set margin-inline to auto so it centers. Doing this also allowed me to remove the .figure--image, etc styles because the styles and markup are a lot more similar among figures containing different kinds of elements. Nice! 2024-11-25 15:48:04 -08:00			`{{- $resource := .page.Resources.GetMatch .name -}}`
Refactor all the figures There are two main sizes of figures: fullwidth and small. Full width figures take the full content width. Usually they spread into the "wide" content area too. Main size figures are also full width figures, but they stop at the edges of the main content area. Small figures shrink to fit and are generally 480pts wide. Break all these different types of figures down into separate templates for each variant. Add the ability for resources to specify a "source" with a link and title. 2024-11-25 09:51:32 -08:00			`{{- if not $resource }}`
			`{{ errorf "No resource named '%s'. %s" .name .page.Permalink }}`
			`{{ end -}}`

			`{{- if eq $resource.ResourceType "image" -}}`
			`{{ partial "page/figures/fullwidth-image.html" (merge . (dict "resource" $resource)) }}`
			`{{- else if eq $resource.ResourceType "video" -}}`
			`{{ partial "page/figures/fullwidth-video.html" (merge . (dict "resource" $resource)) }}`
			`{{- end -}}`