` to enforce "block" styling as opposed to the default "inline" which renders the link next to the previous block instead of below it. But the nested markup adds an unnecessary layer of indirection in semantics. The best way to handle this is to include `` in the ``. Empty lines should simply be represented as `

` this sets up `contenteditable=true` to add content to the line compared to just `
`. Take care to render `

` blocks with their original formatting, DO NOT indent the generated
HTML for these tags.

Much like the lines of a ``, the lines of `list items
` need to be wrapped in ``, indention here is not significant. Sometimes a list item is empty: `
`.

### Optional: inline media

If a link is consumable by ``, ``. Images and video should be styled to have `max-width: 100%;` so they don't overflow the body. It's a good idea to also include the "controls" attribute. ``.

### Basic `
```

## gmi-web(1)

A reference implementation of what has been discussed above!

*You will need*:
- [node(1) w/ npm(1)](https://nodejs.org/en/)

```sh
npm install -g git+https://codeberg.org/talon/gmi-web.git
man gmi-web
```

### example

```
gmi-web -r ~/gmi /srv/html
```

## gmi.css

Optimized for readability, predictability, mobile-friendliness and 
ships with a handful of customizable variables. See `man 5 gmi.css`.

The *--foreground* and *--background* variables will be inverted when 
*prefers-color-scheme* is "dark" which is a system-level preference on 
devices.

Any of the variables can be customized by adding a higher priority .css file 
that overrides them.

```css
html {
	--foreground: #333333;
	--background: #FFFFFF;
}
```

Or maybe by adding a style to the `` element.

```html

```

When using `gmi-web(1)` they can be customized by providing _OPTIONS_ of the same name as the CSS variable.

```sh
gmi-web --foreground "#FFFFF" --background "#00000" \*.gmi
```

# License

gmi-web is free and unencumbered public domain software. For more information, see http://unlicense.org/ or the accompanying UNLICENSE file.