Markdown playground

Write markdown on the left, see Marknote's preview pipeline on the right.

# Welcome to the Marknote playground

This is the same rendering pipeline Marknote ships — KaTeX, Mermaid, and
highlight.js — running live in the browser. Edit anything on the left and
the preview updates instantly.

## Math

Inline: $a^2 + b^2 = c^2$. Display:

$$
\int_{0}^{\infty} e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}
$$

## Code

```csharp
public class Note
{
    public string  Title    { get; set; }
    public DateTime Modified { get; set; }
}
```

## Diagrams

```mermaid
flowchart LR
  A[Idea] --> B[Draft]
  B --> C{Review}
  C -->|approve| D[Publish]
  C -->|reject| B
```

## Wiki links

Marknote turns `[[Welcome]]` into a real link inside the workspace and
keeps a live backlinks panel. Here, they render as plain text.

## Lists, quotes, tables

- Multi-tab editing
- Live preview with maths and diagrams
- Wiki-linked notes
- Git from the sidebar

> Local-first by design. No accounts, no telemetry, your notes stay on
> your machine.

| Quarter   | Theme               | Notes                                  |
|-----------|---------------------|-----------------------------------------|
| Q3 2026   | Plugin marketplace  | Browse and install community add-ons   |
| Q4 2026   | macOS app           | Native Mac build of Marknote           |
| Q1 2027   | Encrypted vaults    | Optional, per-folder, local            |

Editing happens entirely in your browser — nothing leaves your machine. Drafts are saved to your browser's local storage automatically; use Clear or Reset to start over.