# Homelab Inline Markdown Notes

The homelab runbook keeps its links and its topology diagram inline in
every markdown note, so the links and the image render in place.

The backup job publishes an [absolute link](https://example.com/a?x=1&y=2),
a [relative link](/sources), a [mail link](mailto:reese@example.com) and
an [anchor link](#homelab-inline-markdown-notes) in the same note.

![topology](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCAzMiI+PHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjMyIiBmaWxsPSIjMzg2YjdhIi8+PGNpcmNsZSBjeD0iMjQiIGN5PSIxNiIgcj0iOCIgZmlsbD0iI2U1ZTdlYiIvPjwvc3ZnPg==)

An unsafe reference stays plain text in the note:
[oops](javascript:alert(1)) for a link and
![bad](javascript:alert(1)) for an image.

The diagram also ships as a linked image, so clicking the topology image
opens the runbook:
[![linked topology](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjN2EzODY4Ii8+PC9zdmc+)](https://example.com/runbook)

#### Deep header

The runbook keeps one deep header and one deeper header per section.

##### Deeper

| Note | Link |
|---|---|
| topology | [cell link](https://example.com) |

The end of the homelab inline markdown notes.