seirdy.one/layouts/shortcodes/codecaption.html

{{- $codeIndex := (.Page.Scratch.Get "codeIndex") -}}
{{- $id := (printf `code-%d` $codeIndex) -}}
{{- with .Get "id" -}}
	{{- $id = . -}}
{{- end -}}
{{ with .Parent }}
	{{- with .Get "id" -}}
		{{- $id = . -}}
	{{- end -}}
{{- end -}}
<figcaption id="{{ $id }}-caption">
	<span id="{{ $id }}" tabindex="-1">
	<strong itemprop="name"> <span itemprop="codeSampleType">Code snippet</span> {{ $codeIndex }}</strong>{{with .Get "lang"}} (<span itemprop="programmingLanguage">{{ . }}</span>){{ end -}}
	</span>:
{{ .Inner | markdownify | safeHTML }}
</figcaption>
{{- .Page.Scratch.Set "codeIndex" (add 1 $codeIndex) -}}
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` $codeIndex) -}}
Elaborate on focus indicators + fix anchors 2022-04-22 04:40:40 +00:00			`{{- with .Get "id" -}}`
			`{{- $id = . -}}`
			`{{- end -}}`
Give code figures both a label and description 2022-04-21 00:56:06 +00:00			`{{ with .Parent }}`
			`{{- with .Get "id" -}}`
			`{{- $id = . -}}`
			`{{- end -}}`
			`{{- end -}}`
			`<figcaption id="{{ $id }}-caption">`
A11y: drop draft ARIA, overhaul in-page links - Stop using draft WAI-ARIA 1.3 that isn't supported yet - Make in-page links focusable across shortcodes/partials - Replace existing in-page heading anchor links with a more accessible option. - Make backlinks aria-labelledby instead of giving them an aria-label, so they can be translated. 2022-05-20 00:18:14 +00:00			`<span id="{{ $id }}" tabindex="-1">`
Give code figures both a label and description 2022-04-21 00:56:06 +00:00			`<strong itemprop="name"> <span itemprop="codeSampleType">Code snippet</span> {{ $codeIndex }}</strong>{{with .Get "lang"}} (<span itemprop="programmingLanguage">{{ . }}</span>){{ end -}}`
			`</span>:`
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 \| safeHTML }}`
			`</figcaption>`
			`{{- .Page.Scratch.Set "codeIndex" (add 1 $codeIndex) -}}`