Djot language preview
1. A basic document
headings, emphasis, lists, and attributes
horizon-dark
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
atom-one-dark
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
github-dark
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
dracula
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
nord
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
github
# A demo document
This is *strong* and _emphasis_ and `verbatim`.
- first item
- [x] task done
> a block quote
{.note #intro}
A paragraph with an attribute block above it.
See the [docs](https://example.com) for more :smile:
2. Inline formatting
superscript, subscript, highlight, insert, and delete
horizon-dark
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
atom-one-dark
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
github-dark
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
dracula
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
nord
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
github
E = mc^2^ and H~2~O are common examples.
{=highlighted text=}, {+inserted text+}, and {-deleted text-}.
Explicit {*strong*} and {_emphasis_} forms disambiguate word boundaries.
3. Fenced divs and math
::: fenced divs, $$ math blocks, and footnotes
horizon-dark
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.
atom-one-dark
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.
github-dark
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.
dracula
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.
nord
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.
github
::: warning
This is a warning admonition.
:::
The quadratic formula is $$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
Here's a claim needing a citation[^1].
[^1]: This is the footnote text.