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">
{{ if .Get "samp" -}}
{{ .Inner | .Page.RenderString | replaceRE "<code" "<samp" | replaceRE "</code>" "</samp>" | safeHTML -}}
{{- else -}}
{{ .Inner | .Page.RenderString -}}
{{- end }}
</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-add support for <samp> in markdown 2022-06-09 01:17:33 +00:00			`{{ if .Get "samp" -}}`
			`{{ .Inner \| .Page.RenderString \| replaceRE "<code" "<samp" \| replaceRE "</code>" "</samp>" \| safeHTML -}}`
			`{{- else -}}`
xhtmlize: switch back to using xmllint Switch back to using xmllint, but now extract + replace the CSS to address the escaping. 2022-06-02 05:11:40 +00:00			`{{ .Inner \| .Page.RenderString -}}`
Re-add support for <samp> in markdown 2022-06-09 01:17:33 +00:00			`{{- end }}`
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>`