Skip to content

Instantly share code, notes, and snippets.

View BrickGrass's full-sized avatar


View GitHub Profile
blue-dreaming /
Last active May 29, 2022 20:43
minimal podfic work skin CSS and sample HTML

A minimal podfic work skin

This is a minimal work skin (with an even more minimal variant) for use when posting podfics to Archive of Our Own (or any sites running that code). The Inspiration section has more details, but in summary, the intention was to have a work skin that creates a "little podfic package" regardless of the presence of a cover or multiple streams. Sample HTML is included, but the only "requirement" to use the work skin as intended is the use of <div> tags (with the podfic class) around the "podfic" block. Anything outside the block (a transcript, etc.) is not affected (apart from the font if the regular work skin variant is used).

The sample HTML and provided examples do not include credits in the "podfic" block, but there’s no limitation to their addition. However, the work skin assumes the use of the <audio> tag and is not optimized for other embedded streaming.


You probably want to know what this looks like first, so here are some examples:

  • [with no cover