erynwells.me/layouts/shortcodes/circular_image.html

{{- $img := (.Page.Resources.GetMatch (.Get "name")) -}}
{{- $id := .Get "id" -}}
{{- $classes := .Get "class" -}}
{{- $alt := .Get "alt" | default $img.Params.alt -}}
{{- $width := .Get "width" -}}
{{- $resized_img := $img.Resize (printf "%dx%d" $width $width) -}}
<img
  {{ with $id }}id="{{ . }}"{{ end }}
  class="img--circular{{ with $classes }}  {{ . }}{{ end }}"
  src="{{ $img.RelPermalink }}"
  {{ with $alt }}alt="{{ . }}"{{ end }}
  width="{{ $width }}"
  height="{{ $width }}">
Add alt text to my image in the about page and make it scale with content width 2022-10-14 14:29:25 -07:00			`{{- $img := (.Page.Resources.GetMatch (.Get "name")) -}}`
			`{{- $id := .Get "id" -}}`
			`{{- $classes := .Get "class" -}}`
Fix "me" image on the about page Add a section shortcode to enable wrapping a chunk of a post in a <section> Add a section.flow class that removes grid from the section Fix up the about styles so that the paragraph that Hugo wraps the <img> in behaves sensibly when floated Fix the alt text in the circular_image shortcode 2023-11-18 11:11:34 -08:00			`{{- $alt := .Get "alt" \| default $img.Params.alt -}}`
Add alt text to my image in the about page and make it scale with content width 2022-10-14 14:29:25 -07:00			`{{- $width := .Get "width" -}}`
			`{{- $resized_img := $img.Resize (printf "%dx%d" $width $width) -}}`
			`<img`
			`{{ with $id }}id="{{ . }}"{{ end }}`
about: Clean up the markup a little bit I'm still not happy with the circular image. It's not aligned like I would like. 2025-01-01 10:44:14 -08:00			`class="img--circular{{ with $classes }} {{ . }}{{ end }}"`
Add alt text to my image in the about page and make it scale with content width 2022-10-14 14:29:25 -07:00			`src="{{ $img.RelPermalink }}"`
			`{{ with $alt }}alt="{{ . }}"{{ end }}`
about: Clean up the markup a little bit I'm still not happy with the circular image. It's not aligned like I would like. 2025-01-01 10:44:14 -08:00			`width="{{ $width }}"`
			`height="{{ $width }}">`