seirdy.one/layouts/shortcodes/transcribed-image-transcript.html

<details>
<summary>Toggle transcript</summary>
{{ with .Parent -}}
<section id="transcript-{{ .Get "id" }}">
<h5>Image transcript.</h5>
{{- end -}}
<div itemprop="embeddedTextCaption">
{{ .Inner | markdownify | safeHTML }}
</div>
</section>
</details>
Make transcript the description of the image. 2022-04-22 18:48:22 +00:00			`<details>`
			`<summary>Toggle transcript</summary>`
Re-do my approach to image transcripts. Way better now. Also introduce a way to emphasize some keywords in code blocks without going full syntax-highlighting. 2022-04-21 00:55:13 +00:00			`{{ with .Parent -}}`
Improve image transcript navigation - Identify the transcript with a subheading, ending in a period so that the aria-description separates the identifier from the concept. - Put the transcript in a <section> - Snuck in a trivial syntax fix for the generator element. 2022-05-06 17:31:52 +00:00			`<section id="transcript-{{ .Get "id" }}">`
			`<h5>Image transcript.</h5>`
			`{{- end -}}`
			`<div itemprop="embeddedTextCaption">`
Re-do my approach to image transcripts. Way better now. Also introduce a way to emphasize some keywords in code blocks without going full syntax-highlighting. 2022-04-21 00:55:13 +00:00			`{{ .Inner \| markdownify \| safeHTML }}`
			`</div>`
Improve image transcript navigation - Identify the transcript with a subheading, ending in a period so that the aria-description separates the identifier from the concept. - Put the transcript in a <section> - Snuck in a trivial syntax fix for the generator element. 2022-05-06 17:31:52 +00:00			`</section>`
Re-do my approach to image transcripts. Way better now. Also introduce a way to emphasize some keywords in code blocks without going full syntax-highlighting. 2022-04-21 00:55:13 +00:00			`</details>`