Annotated presentation creator

A new, improved version of this tool lives over here.

See How I make annotated presentations for instructions on using this tool.

Enter "skip" as alt text to skip a slide.

Load images

OCR missing alt text

Execute the following template against the slides on the page. An escapeHtml() function is available.

<div class="slide"> <img src="${filename}" alt="${escapeHtml(alt)}"> ${markdownAsHtml} </div>

Execute templates

I often use a template like this one:

<div class="slide" id="${filename}">
  <img src="https://static.simonwillison.net/static/2023/universe/${filename}" alt="${escapeHtml(alt)}">
  <a style="float: right; padding-left: 1em; border: none" href="https://simonwillison.net/2023/Nov/10/universe/#${filename}">#</a>
  ${markdownAsHtml}
</div>