This post demonstrates every Markdown feature available in the blog. It serves as both a reference and a test to ensure the prose typography styles render everything correctly.

Images

Images can be embedded directly from the static/ directory:

Heading One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a paragraph with bold text, italic text, and bold italic text. You can also use strikethrough and inline code.

Heading Two

Subheadings help structure long-form content. Below is an unordered list:

• First item with a link to SvelteKit
• Second item with bold emphasis
• Third item containing inline code
• Nested ideas:
  • Sub-item one
  • Sub-item two
  • Sub-item three

Heading Three

Ordered lists are useful for sequential instructions:

1. Install dependencies with npm install
2. Run the dev server with npm run dev
3. Open your browser to http://localhost:5173
4. Start writing Markdown content

Heading Four

Blockquotes are great for highlighting important quotes or callouts:

“The simulator is a hypothesis, not a guarantee.”

This is a multi-line blockquote. It can contain formatting and even code.

Heading Five

Code blocks with syntax highlighting are fully supported thanks to mdsvex and Prism.js:

// JavaScript example
import { error } from '@sveltejs/kit';

export const load = async ({ params }) => {
  try {
    const post = await import(`../posts/${params.slug}.md`);
    return {
      component: post.default,
      metadata: post.metadata
    };
  } catch {
    throw error(404, 'Not found');
  }
};

# Python example
def greet(name):
    return f"Hello, {name}!"

print(greet("Markdown"))

<!-- Svelte component example -->
<script>
  export let title;
  export let date;
</script>

<article>
  <h1>{title}</h1>
  <time>{date}</time>
  <slot />
</article>

Heading Six

Horizontal rules can separate sections:

---

Tables are useful for structured data:

Feature	Status	Notes
Headings	Supported	H1 through H6
Lists	Supported	Ordered and unordered
Links	Supported	Internal and external
Code blocks	Supported	With syntax highlighting
Blockquotes	Supported	Multi-line capable
Tables	Supported	Align columns with colons
Emoji	Supported	Native Unicode 😎

---

Mixed Content Example

Sometimes you need complex formatting within a single paragraph. For example, you might cite a paper like CathSim and mention that it achieved a ~40% improvement over the baseline. Or you might reference sim-to-real transfer as a key concept.

Quick tip: You can nest lists inside blockquotes.

• First nested item
• Second nested item
  • Deeper nesting works too

Mathematical Notation

While not natively supported by mdsvex without plugins, you can still write simple math expressions in plain text:

• Euler’s identity: e^(iπ) + 1 = 0
• Pythagorean theorem: a² + b² = c²

---

That’s the end of the showcase. Every element above should render cleanly within the prose typography container.