Your Name

A Kitchen-Sink Article

Demonstrating every rich-content feature this site supports

This article exists to exercise every content feature the template supports — math, code highlighting, callout boxes, and footnotes — so you can see how they look before writing your first real article. Replace or delete it whenever you’re ready.

Introduction

This is the introduction section. It shows up as a top-level entry in the table of contents above, and demonstrates a footnote reference.1

note

All callout types (note, tip, warning, example, error) share the same visual style — only the label text changes.

Math

Inline math like renders alongside body text, and block equations render centered on their own line:

tip

Math is rendered to static SVG/MathML at build time via rehype-mathjax, so there’s no client-side script needed and the page stays fully static.

Code

A nested subsection

Subsections like this one show up nested under their parent in the table of contents.

type SearchEntry = {
  title: string;
  description: string;
  section: string;
};

function search(entries: SearchEntry[], query: string) {
  return entries.filter((entry) =>
    entry.title.toLowerCase().includes(query.toLowerCase()),
  );
}
warning

This is placeholder content — don’t ship a real article with a title like “A Kitchen-Sink Article”.

Conclusion

That covers the basics. See example-article-two for a plainer article with none of the extra formatting.

Footnotes

  1. This is a footnote. It renders at the bottom of the article. ↩