Showcase2 min read

The Kitchen Sink: Comprehensive Feature Test

A complete showcase of all markdown features, code highlighting, diagrams, math, and layout capabilities supported by Amytis.

This is a paragraph under H1. Bold text, italic text, and strikethrough.

Heading Level 2

Here is a blockquote:
"The digital garden is not just a collection of posts, but a web of interconnected thoughts."
— Unknown Gardener

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Lists

Unordered

  • Item 1
  • Item 2
    • Nested Item 2.1
    • Nested Item 2.2
  • Item 3

Ordered

  1. Step One
  2. Step Two
  3. Step Three

Task List

  • Implement Markdown
  • Add Syntax Highlighting
  • Write Documentation

Code

Inline

The useState hook is essential. You can install via bun install.

Code Blocks

TypeScript:
typescript
interface User { id: number; name: string; } function getUser(id: number): User { return { id, name: "Alice" }; }
Bash:
bash
echo "Hello World" > hello.txt ls -la
JSON:
json
{ "project": "Amytis", "version": "1.0.0" }

Math (LaTeX)

Inline math: E=mc2E = mc^2 and eiπ+1=0e^{iπ} + 1 = 0.
Block math:
1σ2πexp(12(xμσ)2)\frac{1}{\sigma\sqrt{2\pi}} \exp\left( -\frac{1}{2} \left( \frac{x-\mu}{\sigma} \right)^2 \right)

Diagrams (Mermaid)

Flowchart

Sequence Diagram


Images

Standard Markdown

Test SVG

Raw HTML (Quoted)

Small HTML Image

Tables

FeatureStatusNotes
GFMTables supported
MathKaTeX integration
MermaidNative rendering


HTML Components

Click to expand secret info
This content is inside a raw HTML details tag with inline styles.

Footnotes

Here is a footnote reference1. And another one2.

Footnotes

  1. This is the first footnote text.
  2. This is a second footnote with bold text.