1

Cowsay

Nathan Upchurch edited this page 2024-07-09 12:55:18 -04:00

You can use the cowsay filter to output a captioned <figure> containing a copy of an output from the cowsay program. Instead of using the usual three backticks, this method is accessible to visually impaired users thanks to the automatic captioning. Here's how to do it:

1. Add a copy of the cowsay output you'd like to display to _data/cowList.js. Be sure and escape any backslashes.
2. Use the filter like this: {{ cowList.name | cowsay | safe }}.

The safe filter is necessary so that Eleventy doesn't sanitize our HTML.