## Markup using djot

The core of any website is its content. Markdown is very common, but lacks standardization and misses many useful features. djot is an improved version of markdown made by the creator of pandoc.

The djot is parsed and rendered with jotdown. It parses the djot into a iterator of events, which can easily be transformed to add additional features and customize the output (like the arrow on external links, and anchors on headings).

fn render_djot(djot: &str) -> eyre::Result<String> {
    let events = jotdown::Parser::new(djot);
    let events = plugin_add_header_anchors(events);
    let events = plugin_links(events);
    let html = jotdown::html::render_to_string(events);
    Ok(html)
}

## Fonts

I use the Braille Institute’s Atkinson Hyperlegible Next Font for text, and Commit Mono (Thanks to Erika Rowland for the suggestions!). Both are designed for legibility, and I have found that Commit Mono’s legibility has greatly reduced my eye strain while programming.

## Colors

The colors for this site are stolen from my current neovim theme, tokyonight.nvim. It uses CSS media queries to support light and dark modes.

## External Links

External and internal links are clearly distinguised by an external link icon, stolen from Wikipedia.

## Printing

I’ve always hated websites that print horribly, with lots of dark colors and pointless wasted space. Most websites can be easily made to print well by just putting a bunch of the layout CSS in @media screen { } blocks, and by changing a few color variables. Try it out!