Widgets

Contents

Notes aren't limited to prose. The page template loads a few custom elements (from js/) on every page, so any note can embed them.

Embedding HTML in a note

In markdown, just write the HTML – goldmark passes raw HTML through untouched.
In org, bare HTML gets escaped (standard org behavior), so wrap it in an export block:

#+begin_export html
<slide-show src="/static/example-slideshow.md" theme="dark"></slide-show>
#+end_export

or use a one-line #+html: keyword for short snippets.

Marp-style presentations from a markdown file. See Slideshow for a live demo and the full attribute reference.

The force-directed graph of the whole brain that appears at the bottom of every page. See Graph.

An RP2040 badge emulator (built on rp2040js) that runs real firmware in the page. Point it at a UF2 file:

<badge-example src="/static/firmware.uf2" width="480" height="384"></badge-example>

It renders a 160x128 badge display scaled to the given size. Click to focus and run; click away to pause.

For something too interactive to be a note at all, drop an .html file in notes/ – it's published verbatim as its own page (see Writing Notes).