Markdown kitchen sink test
A deliberately messy fixture for checking Markdown, raw HTML, remote embeds, and local media rendering.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae arcu nec sem inline code facilisis posuere. This sentence should render with strikethrough if GFM is enabled. A normal internal relative link sits beside an external Tenor link.
Paragraph two tests punctuation, wrapping, and adjacent emphasis: bold, italic, bold italic, monospace, marked text, H2O, E = mc2, CSS, and Ctrl + K.
Remote Tenor embed
This uses Tenor’s iframe endpoint for post 25975038.
Local GIF through Markdown image syntax

Local GIF through raw HTML figure
content/articles/2026-06-08-test2/media/caterpillar.gifHeading level two
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat, mi non rhoncus hendrerit, sapien lorem consequat nulla, at tempor neque lacus sit amet neque.
Heading level three
Sed non urna et lectus elementum pulvinar. Curabitur vitae luctus ipsum. Donec et mauris sed nibh eleifend volutpat.
Heading level four
Praesent iaculis augue vel tellus posuere, ac finibus purus pretium.
Heading level five
Morbi sit amet arcu et mi luctus suscipit.
Heading level six
Donec posuere mi ac felis porttitor, eu mattis enim fermentum.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. The quote block should have different spacing from normal body copy.
Nested quote: sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Final quoted line after a blank quoted line.
Lists
Unordered list:
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Nested bullet with bold text
- Nested bullet with
inline code
- Sed do eiusmod tempor
Ordered list:
- First ordered item
- Second ordered item
- Nested ordered item
- Another nested ordered item
- Third ordered item
Task list, if GFM is enabled:
- Render local media
- Render remote iframe
- Decide whether task checkboxes need styling
Table
| Format | Syntax | Expected result |
|---|---|---|
| Bold | **text** | text |
| Italic | _text_ | text |
| Code | `text` | text |
| Link | [text](url) | Tenor |
Code blocks
Inline code should sit in text like const beat = "general" without blowing up line height.
type ArticleFixture = {
title: string;
draft: boolean;
media: string[];
};
const fixture: ArticleFixture = {
title: "Markdown kitchen sink test",
draft: false,
media: ["./media/caterpillar.gif", "https://tenor.com/embed/25975038"],
};
console.log(fixture);
pressroom article preview 2026-06-08-test2
nix build .#site
<figure>
<img src="./media/caterpillar.gif" alt="Local caterpillar GIF" />
<figcaption>Raw HTML inside Markdown.</figcaption>
</figure>
Horizontal rule
Above.
Below.
Definition-ish text
Term : Definition syntax may render as plain text unless the Markdown pipeline supports definition lists.
Another term : Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Footnote-ish text
This sentence has a footnote marker.1
Details block
Open this disclosure
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Raw HTML details/summary should stay interactive in the browser.
Long prose run
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut neque sagittis, mollis magna nec, imperdiet mauris. Nulla facilisi. Integer facilisis pretium nisi, eget facilisis velit tincidunt non. Pellentesque ac felis tortor. Suspendisse potenti. Vivamus pretium, mi nec luctus suscipit, lectus felis luctus erat, vitae convallis justo odio eget nunc.
Aliquam erat volutpat. Donec vel tellus nec nulla aliquet ullamcorper. Etiam rhoncus elit id erat fringilla, vitae dignissim lorem iaculis. Aenean ultricies, turpis a feugiat sodales, sem augue cursus sem, vitae varius neque libero in ex. Integer semper, risus non luctus ornare, erat ipsum efficitur nunc, nec suscipit velit mi eu lorem.
End marker
If this line appears after every section above, the full Markdown file rendered without cutting off the article.
Footnotes
-
Footnotes may render as plain text unless the Markdown pipeline enables footnotes. ↩