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 }}" itemprop="hasPart" 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.`
			`-->`
Switch to XHTML5 markup The site now has polygot markup and can handle both XHTML5 and HTML5 parsing rules. My staging site will be XHTML but my main site will be HTML5, just in case of parse errors. If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider switching the content-type to XHTML. 2022-05-30 22:49:31 +00:00			`<figure aria-labelledby="{{ $id }}" itemprop="hasPart" itemscope="" itemtype="https://schema.org/SoftwareSourceCode">`
Re-introduce conservative minificaiton - Don't auto-minify HTML but minify other resources, inc. the RSS feed - Manually optimize whitespace a little to balance readability and compressed size 2022-04-27 00:15:42 +00:00			`{{ .Inner \| markdownify -}}`
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			`</figure>`