seirdy.one/layouts/shortcodes/codefigure.html

{{- $codeIndex := (.Page.Scratch.Get "codeIndex") -}}
{{- $id := (printf `code-%d` (sub $codeIndex 1)) -}}
{{- with .Get "id" -}}
	{{- $id = . -}}
{{- end -}}
<!--
	The full caption is too long for an aria-label;
	just use the beginning for the label and the full thing for the aria description.
-->
<figure aria-labelledby="{{ $id }}" aria-describedby="{{ $id }}-caption" itemscope itemtype="https://schema.org/SoftwareSourceCode">
{{ .Inner | markdownify }}
</figure>
Give code figures both a label and description 2022-04-21 00:56:06 +00:00			`{{- $codeIndex := (.Page.Scratch.Get "codeIndex") -}}`
			{{- $id := (printf `code-%d` (sub $codeIndex 1)) -}}
			`{{- with .Get "id" -}}`
			`{{- $id = . -}}`
			`{{- end -}}`
			`<!--`
			`The full caption is too long for an aria-label;`
			`just use the beginning for the label and the full thing for the aria description.`
			`-->`
			`<figure aria-labelledby="{{ $id }}" aria-describedby="{{ $id }}-caption" itemscope itemtype="https://schema.org/SoftwareSourceCode">`
Split up figcaption partial, add some fignos - give code blocks their own figure numbers/names/ID - Split figcaption into quotecaption and codecaption - create codefigure partial to reduce markup for SoftwareSourceCode figures 2022-04-20 01:06:57 +00:00			`{{ .Inner \| markdownify }}`
			`</figure>`